更改contenteditable div

Question

有没有办法更改输入到可信任div中的某些字符的字体大小？我已经看到有关插入html的类似问题。也许我需要插入一个span并在其上设置css fontsize。或者有其他方式吗？

Answer 1

我制定了一个解决方案，请参阅：http://jsfiddle.net/alan0xd7/6o1sr5fg/

• 如果有需要突出显示的文字，首先我们只是复制 div.readonly的内容HTML进行进一步处理。如果不 突出显示是必需的，我们只是清空div。

• collectTextNodes()函数遍历所有DOM节点 在内容HTML中，并收集所有文本节点。收集 节点只包含文本，没有子节点。

• 对于我们收集的所有文本节点，我们通过它运行它们 highlight()功能突出显示文字。

• highlight（）通过首先跳过maximumLength数来实现 字符，然后将所有内容包装在<span class='highlight'>.

中