Background
I know this question is now 5 years old but I ran into a similar issue and found no resources to help resolve it. I also know this is seldom an issue because the world uses a small black circle as a bullet (hence the name) everywhere in the world. I posted the question on the TinyMCE community site, but after a few days my account was locked (what?!). If anyone has a better solution, please let me know. This solution seems a little too much like it's held together with Duck Tape and if a TinyMCE update changes, this hack will be lost.
Link to that issue
My issue
I live in Japan and the companies I work for... their default "bullet" is a dash. All of them. I don't know why. Like this:
Support Business by providing IT service and deeply involved in the process of the system solution:
- Understand the company’s prior strategy
- Studying business benefit (ROI)
TinyMCE does not allow any customization of the list or advanced list plugins as far as what html gets inserted into the document. If I could I would just set a class on all the different bullets, or even better, create a new bullet type for the list type. But as far as I can see, it's just not possible. (If anyone knows how to customize lists in TinyMCE short of editing the source, please please please tell me!)
My Fix
I made the dash the Default:
In the site html and the Tiny editor I use the class 'order-wrapper' around anything with the bullets and in the editor I have: body_class: 'order-wrapper',
This css makes any UL with no 'list-style-type' be indented like a bullet list and have a dash-like bullet:
.order-wrapper ul:not([style*='list-style-type']) {
list-style: none;
margin-left: 0;
padding-left: 3em;
}
.order-wrapper ul:not([style*='list-style-type']) > li:before {
display: inline-block;
content: "-";
width: 1.5em;
margin-left: -1.5em;
}
But when word document dashed bullets are pasted they include a dash so I end up with:
-- Understand the company’s prior strategy
So to get rid of the dashes at the beginning of the lines I added code in the editor init to remove the - at the beginning of a line if it's pasted as a list element. (There's probably a better way to filter that, so if anyone has a better way, please let me know):
init_instance_callback: function (editor) {
//On Paste: remove the dash from the beginning of li elements.
editor.on('PastePreProcess', function (e) {
e.content = e.content.replace(/<li>- /g, "<li>")
});
},
So if the user pastes any bullet from Word it will become a dash bullet list (default). Then they can highlight the list and choose circle, disc, or square to get the other bullet types.
