Javascript Jquery获取并设置html字符串某些部分的css属性

我正在编写一个html编辑器控件。 我想更改内容的选定文本的css属性。 我通过window.getSelection（）获取selectedcontent； 什么是使所选文本加粗的最佳方法，以及理解所选文本加粗然后使其正常的最佳方法。 替换为所需的标记不起作用。因为相似的文本可以在内容上。 我觉得很复杂。

---

我正在寻找最佳实践。

试试这个示例片段

您可以通过“document.execCommand（'bold'）；”将粗体设置为所选文本

Html JsFIddle：

---

试试这个示例片段

您可以通过“document.execCommand（'bold'）；”将粗体设置为所选文本

Html JsFIddle：

---

我强烈建议使用第三方编辑器，除非您需要非常基本和简单的内容。要使文本加粗，请在所选文本上添加

标记，并了解所选文本是否加粗，您可以检查

。这有意义吗？尽量避免问“最好的方式”，因为你的问题可能会被标记为“基于意见的”@Aabid让我们假设我的文本类似于“aaa bbb aa BBBBB cccc”，我想在第二个bbb部分加粗，并想稍后取消绑定，我该怎么做？我如何理解哪个bbb？@m02ph3u5我指的是解决这个问题的最佳实践。我强烈建议使用第三方编辑器，除非您需要非常基本和简单的内容。要使文本加粗，请在所选文本上添加

标记，要理解所选文本加粗，您可以检查

。这有意义吗？尽量避免问“最好的方式”，因为你的问题可能会被标记为“基于意见的”@Aabid让我们假设我的文本类似于“aaa bbb aa BBBBB cccc”，我想在第二个bbb部分加粗，并想稍后取消绑定，我该怎么做？我如何理解哪个bbb？@m02ph3u5我的意思是这个问题的最佳实践。这正是我要找的。这正是我要找的。

<div contenteditable="true" class="textEditor">Text1.
    Text2.
    Text3.
    Text4.
    Hi, this is text of some kind
Lorem ipsum...
</div>

 $(document).on('selectionchange', function(e) { 
            document.execCommand('bold');
    });