是否有一种方法可以从标签中删除斜体样式而不影响document.execCommand（“ italic”）

Question

我想使<i>标记中的文本在可编辑的div中不显示斜体。

但是，如下面的代码片段所示，如果我将font-style:normal添加为斜体样式，则document.execCommand('italic')统一化将不再起作用，因为浏览器会正确检测到该文本不是斜体。

是否有任何方法既可以使外观看起来像元<i>又可以使元素化？

function italicize(){
  document.execCommand("italic");
}

i{
  font-style:normal;
  color:red;
}

<div contenteditable=true>a<i>b</i>c</div>

<button onclick=italicize()>italic</button>

Answer 1

不确定我是否了解，但是javascript可以重置样式。

这是您尝试做的事情吗：

function italicize() {
  document.querySelector('i').style.fontStyle = "italic";
}

i {
  font-style: normal;
  color: red;
}

<div contenteditable=true>
  a<i>b</i>c
</div>

<button onclick=italicize()>italic</button>