Wie ein Div mit einem blinkenden Cursor und editierbaren Text ohne Verwendung von zu machen?

Question

Ich muss eine Div-Ebene machen, so dass wenn Sie darauf klicken Sie Ihren Cursor dort blinkt und Sie können Text einfügen/löschen wie <input type="text"> tut, außer dass ich es nicht verwenden möchten, wie es etwas zu begrenzt ist zu meinem Fall.

Ich kann definitiv JavaScript verwenden.

Answer 1

DIV Element hat (auch andere Elemente) contentEditable Eigenschaft, die Sie in Javascript auf true setzen können.

getElementById('YourDiv').contentEditable = true; 

Answer 2

Ich schlage vor, Sie einen Textbereich zu verwenden, und wenn das nicht genug ist, einen WYSIWYG-Editor wie TinyMCE oder FCKeditor verwenden.

Answer 3

Sie können das div editierbar machen, indem Sie das Attribut contentEditable auf true setzen.

• TinyMCE
• Kevin Roth's RTE
• The YUI editor

Answer 4

contenteditable: für alles, was allerdings die etwas leistungsfähigeren oder flexible dann sehr grundlegende Bearbeitung ist, können Sie bei bestehenden Lösungen wie aussehen wollen Attribut könnte für diesen Zweck verwendet werden. Die folgende Codezeile wurde in IE7 und Firefox 3.0.10 getestet. Ein Teil, ich habe bemerkt, dass dieses Attribut nur in Kleinbuchstaben verwendet werden sollte; Sonst wird es nicht in Firefox funktionieren.

<div id="Div_ID" contenteditable="true" tabindex="0"> 
    Enter text here 
</div> 

Answer 5

, wie ich das Problem verstehen, können Sie es resove von textarea in Ihr div hinzufügen. Es ist sehr einfach, diese textarea Autosize auf div Bereich zu besetzen und sieht so aus div.

Wie für contentEditable, habe ich einige Browser gesehen, unterstützt diese Funktion für div -Element und nicht. Wie auch immer, Sie können iframe in Ihrem div verwenden. Es ist document -Element kann contentEditable haben.

Answer 6

JQuery kann wie folgt verwendet werden:

$.('#yourDiv').click(function() { 
    $(this).attr('contenteditable', 'true'); 
});