Wie man ein div mit einem blinkenden cursor und bearbeitbaren text ohne die Verwendung von <input>?

Ich brauche, um ein div-layer, so dass, wenn Sie auf Sie klicken, müssen Sie den cursor dort blinkt, und Sie können den Befehl einfügen/löschen von text genauso wie <input type="text"> tut, außer, dass ich nicht wollen, es zu benutzen, weil es ein bisschen zu begrenzt, um meinen Fall.

Kann ich auf jeden Fall JavaScript verwenden.

InformationsquelleAutor Tower | 2009-05-19

  1. 13

    DIV-element hat (andere Elemente) contentEditable Eigenschaft, die Sie festlegen können, in Javascript zu wahren.

    getElementById('YourDiv').contentEditable = true;
    Kann getan werden im markup als auch: <div contentEditable="true">Editierbare Inhalte</div>
    Ok, ich dachte, es war nur möglich auf das Dokument, sorry !
    Beachten Sie, dass 'contentEditable' ist nicht in der HTML4.01-Spezifikation oder in der DOM2 HTML-Spezifikation (1.0). Es ist etwas Hinzugefügt, von den Browsern.
    Es wird jedoch angezeigt in der HTML5 - Entwurf: w3.org/TR/html5/editing.html#contenteditable
    Das ist irgendwie cool, aber ich wirklich brauchen nur eine funktionierende JavaScript - /CSS-Lösung, die mir ermöglicht das hinzufügen von text in DIV - InnerHTML.

    InformationsquelleAutor Robert Koritnik

  2. 5

    Können Sie die div bearbeitbar, indem seine contentEditable Attribut /Eigenschaft true. Aber für alles, was ist geringfügig stärker oder flexibler dann sehr grundlegende Bearbeitungsfunktionen, möchten Sie vielleicht Blick auf bereits vorhandene Lösungen wie:

    InformationsquelleAutor Daan

  3. 2

    Jquery kann z.B. so verwendet werden:

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

    InformationsquelleAutor nonshatter

  4. 1

    Ich schlage vor, Sie verwenden eine textarea, und wenn das nicht genug ist, verwenden Sie einen WYSIWYG-editor wie tinyMCE oder FCKeditor.

    InformationsquelleAutor Fabien Ménager

  5. 0

    so wie ich das verstehe Ihr problem, Sie können resove es durch hinzufügen textarea in Ihre div. Es ist sehr einfach zu machen diese textarea autosize zu besetzen ganze div Bereich und sieht wie folgt aus div.

    Als für contentEditable habe ich gesehen, dass einige Browser unterstützt diese Funktion für div-element und nicht. Sowieso, Sie können iframe in Ihren div. Es ist document-element kann contentEditable.

    InformationsquelleAutor Sergei Kovalenko

  6. 0

    contenteditable - Attribut konnte für diesen Zweck verwendet werden. Folgende code-Zeile wurde getestet in IE7 und Firefox 3.0.10. Einen Teil habe ich festgestellt, dass dieses Attribut sollte verwendet werden, im unteren Fall nur; aber es wird nicht funktionieren in Firefox.

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

    InformationsquelleAutor Sourabh

Schreibe einen Kommentar