コンテンツ編集可能な属性を持つdivのテキストスタイルを適用する方法

Question

divの "contenteditable"属性で太字、イタリック体、下線などのテキストスタイルを適用するにはどうすればよいですか？

私は、私が編集可能になりたい私の要素で

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

ほとんどすべての近代的なブラウザのサポートそれ。