web-dev-qa-db-ja.com

HTML <div>要素を編集可能なクロスブラウザにする方法は?

JavaScriptで<div>を編集可能にする方法を知っていますか?クロスブラウザソリューションを探しています。

リッチテキスト領域に似ていますが、編集可能な<iframe>を使用します。 <div>についても同様のものが必要です。
置換テキストボックスを使用したくない

59
Cristian Toma

方法を見つけました。

次のように、DOMElementのcontentEditableプロパティを使用します

<div onClick="this.contentEditable='true';">
    lorem ipsum dolor lorem ipsum dolorlorem ipsum dolor
</div>
78
Cristian Toma

これは純粋なHTMLで行うことができます

<div class="editable" contenteditable="true">
    Editable text...
</div>

お役に立てれば!

12
André Figueira

contentEditable 要素のプロパティを"true"に設定します。

element.contentEditable = "true";

こちらもご覧ください: