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

Question

如何在div中应用粗体，斜体和下划线等文本样式，其中包含＆＃34; contenteditable＆＃34;属性？

我用过，

contenteditable="true"

我的元素属性，我想要编辑。我想添加一个选项，使其变为Bold，Italicized或Underlined。

我研究了这一点，我发现的唯一方法就是使用一些插件。我不想使用其他插件。

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

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