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

Question

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

我用了，

contenteditable="true"

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

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

Answer 1

使用execCommand.

工作小提琴

jQuery

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

execCommand 的完整选项链接

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