javascript - 如何在具有 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

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