在contenteditable的光标处，输入指定样式的文字，如何做到？

Question

现在光标在“天”后面，如下图：

如果希望插入一个“的”字，“的”字具有指定的样式，比如颜色为红色，该如何实现？

研究了下石墨文档的实现方式，似乎是点击鼠标时，在对应的位置创建一个包含样式的节点，其中有一个宽度为 0 的字符  进行占位，比如：<span ql-global="true" style="color: rgb(255, 0, 0);"><span class="ql-cursor">&#xFEFF;</span></span>

想问一下还有其他的实现方式吗？