TinyMCE bulleted/numbered list wrapping oddly from list-style-position default

Kristin J
Mega Sage

Hello there,

 

Updated for Yokohama!

For anyone who is struggling with your numbered or bulleted lists wrapping underneath the bullet/number instead of aligning with the words...I am using the same workaround that ServiceNow gave me back in Quebec when it happened the first time. The update of the editor to v5 in Utah reintroduced the style property, and now v6 has done it again with Yokohama.

 

It's caused by a default of "inside" being applied to the list-style-position property in ordered or unordered lists. i.e. ,< ul style="list-style-position: inside;" >  (If you change it to 'outside' within the html, it will wrap and align as you probably expect it to, but that's a lot of manual work.)

 

**Caveat** I don't work for ServiceNow but I did validate this workaround through a support ticket. 🙂

To get rid of this default:

  1. For V5, open the system property glide.ui.html.editor.v5.valid_plugins  
  2. For V6, open the system property glide.ui.html.editor.valid_plugins
  3. Remove 'align_listitems' from the choice and value fields.

The result should be that an ordered or unordered list will have no style applied like < ul > or < ol >

 

Good luck!

Kristin

3 REPLIES 3

Trevor Petrie
Giga Guru

Thank you Kristen!! Removing "align_listitems" from the choice and value fields worked like a charm!! This has been a thorn in my side ever since it was introduced. Thank you for sharing!

I'm so glad I could help!

Hello...I thought I'd link you back here in case you didn't remember what you did....because it's back in Yokohama lol.