After highlighting the text on lists (ordered and unordered), the numbers or bullets are not updated by the font size or color changes. For example, begin with the code below (this is the same code the editor creates when adding an unordered list in the "normal" tab):
<div>List</div>
<ul>
<li>item1</li>
<li>Item2</li>
<li>Item3</li>
</ul>
Now, in the Normal tab, highlight all items (like below) and use the font color button to change the color.
List
The result looks like this:
As you can see, the bullets are still black.
The html for the example above (with red text) is:
<div>List</div>
<ul>
<li><span style="color: #ff0000">item1 </span></li>
<li><span style="color: #ff0000">Item2 </span></li>
<li><span style="color: #ff0000">Item3 </span></li>
</ul>
Desired html code for the example above (red bullets and red text):
<div>List</div>
<ul><font color-"#ff0000">
<li><span>item1 </span></li>
<li><span>Item2 </span></li>
<li><span>Item3 </span></li>
</font>
</ul>
Is there a way to customize the editor to save the desired code automatically?