JavaScript execCommand选择

Question

我有一个更改字体大小，颜色，样式等的编辑器。但是当文本在有序/无序列表中时，数字和子弹不会改变。这是因为选择不包括仅选定文本的li标签。我希望在li周围获得样式，而不仅仅是列表中的文本。

<div contenteditable="true" onmouseup="setfontSize ();">
 My List
 <ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
 </ol>
</div>

<script>
 function setfontSize () {
    document.execCommand ('fontSize', false, 7);
 }
</script>

我会在选择项目时实现此目的：

<ol>
      <font size="7"><li>Item 1</li></font>
      <font size="7"><li>Item 2</li></font> 
      <font size="7"><li>Item 3</li></font>
</ol> 

而不是：

<ol>
     <li><font size="7">Item 1</font></li>
     <li><font size="7">Item 2</font></li> 
     <li><font size="7">Item 3</font></li>
</ol> 

这可能吗？谢谢。