Contenteditable div删除

Question

我有一个14px作为默认字体大小的c​​ontentEditable div。 可以从自定义部分更改默认字体大小（13-15px）。

我添加了一个按钮来更改所选文本的字体大小。

nicEditors.findEditor('myInstance1').nicCommand('fontSize', '5');

该按钮调用该功能：

nicCommand : function(cmd,args) {
  document.execCommand(cmd,false,args);
}

contentEditable div中的结果：

<font size="5">Such a</font>

它有效，但是我找不到删除<font>标记的方法。 因此，我尝试在nicCommand的参数中放入null或0或-1或2或3，但结果大小与其余部分不同。

无论如何，要从contentEditable div中删除或移动<font>标签吗？

在这种情况下，要移动：您可以让此<font size="5">东西由猫控制。 </font> 。 用户选择“ Something is”从<font size="5">删除“ Something is”。 在这种情况下，必须在<is <font size="5">后放置<font size="5"> 。

Answer 1

如果您只想删除它，请使用

var reg = /<font\ssize="\d+">(.*?)<\/font>/g;
str = str.replace(reg, "$1");

其中str是您的编辑器的内容

演示

Answer 2

有一个我未曾看到过的document.execCommand选项，它可以与Firefox，Chrome和IE一起正常工作， removeformat ：

nicEditors.findEditor('myInstance1').nicCommand('removeformat', null)

这将调用该函数：

nicCommand : function(cmd,args) {
  document.execCommand(cmd,false,args);
}

removeformat允许删除所选文本的所有标签。 这会将<b>以及<i>删除为<i> ， <u>删除为<font> 。 对我来说很好。 :-)