如何使用 contenteditable 属性在 div 中应用文本样式

Question

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

我用过，

contenteditable="true"

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

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

Answer 1

使用execCommand .

Working Fiddle

JQuery

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

Full option's link for execCommand

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