execCommand指令不能同时设置粗体和斜体字

Question

先上代码
html部分：

<div id="editor" contenteditable="true">

</div>

<fieldset>

<button ng-click="changeFont('Italic')" title="Italicize Highlighted Text"><i>I</i>

</button>

<button ng-click="changeFont('Bold')" title="Bold Highlighted Text"><b>B</b>

</button>

</fieldset>

js部分：

   $scope.changeFont=function (type) {

         if(type=='Bold'){

         document.execCommand('Bold','false',null);

         }

         else if(type=='Italic'){

          document.execCommand('Italic','false',null);

         }

   

   }

   

结果是分别点击粗体和斜体都是可以实现的，但是如果两个同时点击，却只有斜体的效果，出不来粗斜体的效果。而且这个方法在Firefox浏览器上也不支持。大家有什么解决的办法么？

Answer 1

你是如何做到同时点击的