这个元素操作是如何实现的？

Question

在Google Chrome中，您可以使用contenteditable='true'

元素的快捷方式

CTRL + B：将突出显示的文本设置为粗体，例如

引擎盖下发生的事情是<b>标记被附加或删除到标记的短语，无论如何。

这是怎么做到的？ “他们”从哪里知道，元素是否已经设置为粗体，以及主要问题，它位于何处？

我问这个是因为我无法摆脱今天早些时候提到的这个问题：

Get the highlighted text position in .html() and .text()

修改

我尝试了以下

Rich-Text-Editing

但首先，它无法正确加载，但这应该是由于我自己的失败造成的。 其次，出于学习目的，我想实现我自己的缩小版本。

由于我真的在JavaScript，我无法弄清楚如何做到这一点。

Answer 1

document.getSelection() / window.getSelection() 应该适合您对所选内容的任何操作。 元素样式继承。如何跟踪这取决于CSS实现。 看一看 the source code of Chrome 可能会有所帮助。