Javascript 如何在具有contenteditable属性的div中应用文本样式

如何在具有“contenteditable”属性的div中应用粗体、斜体和下划线等文本样式

我曾经

contenteditable="true"

属性，该属性位于我要编辑的元素中。我想添加一个选项，使其粗体、斜体或下划线

---

我对此进行了研究，发现唯一的方法就是使用一些插件。我不喜欢使用其他插件。

使用

execCommand

JQuery

$(document).ready(function() {
  $('#Bold').click(function() {
    document.execCommand('bold');
  });
   $('#Italic').click(function() {
    document.execCommand('italic');
  });
});

---

几乎所有现代浏览器都支持它。

尝试将css类应用于输入。每一个都有粗体、斜体下划线。使用javascript混合和匹配它们。这对我来说是新的+1.