HTML5 contentEditable mit jQuery

Ich habe einige Elemente, die müssen den text in bearbeitbaren, dafür bin ich mit dem HTML-5-Attribut contentEditable. Ich kann nicht scheinen, um die Verwendung von jQuery für diese Verwendung mehrerer Selektoren. Was will ich zu tun haben, ist jeder tag innerhalb eines div-container bearbeitet werden. Hier ist ein Beispiel, wie es Aussehen würde, wenn es funktionierte mit jQuery:

$("#container <all tags here>").contentEditable = "true";

Ich weiß nicht, wie es zu machen wählen Sie alle tags, aber Sie erhalten den Punkt.

Also alle span, div, Tabellen, Fett, etc sollten bearbeitet werden individuell

InformationsquelleAutor der Frage David | 2010-09-07

  1. 33
    $('#container *').attr('contenteditable','true');

    * bedeutet "alle element-Arten" und ist Analog zu a,div,span,ul,etc...

    Wie die meisten anderen jQuery-Funktionen, attr gilt die gleiche operation auf jedes element erfasst, die durch den Selektor.

    InformationsquelleAutor der Antwort Rex M

  2. 4
    $("#container *").attr("contentEditable", true)

    Nur eine Vermutung. Weg vom Arbeitsplatz.

    InformationsquelleAutor der Antwort mkoistinen

  3. 1

    Habe ich den Eindruck, Sie sind Missverständnis, das problem an zwei stellen:

    1. jQuery erstellt "Abfrage" - Objekte, die eine Kurzform für die Manipulation Sätze von DOM-Elementen. Dein Beispiel-code setzt contentEditable auf die Abfrage, nicht das, was es entspricht. Sie möchten jQuery ist die Kurzform für "ein Attribut auf alle passenden Elemente", die $('whatever').attr('contentEditable','true');

    2. Ich bin nicht sicher, dass Sie verstehen, contentEditable richtig. Sie soll, um es auf die top-level-container für die einzelnen bearbeitbaren Bereich und seine Auswirkungen für alles, was innerhalb. In meiner Erfahrung, wenn die Einstellung contentEditable auf#container oder so etwas wie #container div.post wirklich nicht gut genug ist, dann hast du größere Probleme.

    InformationsquelleAutor der Antwort ssokolow

  4. 0

    Aus irgendeinem Grund in IE10 nur diese scheint zu funktionieren:

    $('#container').get(0).contentEditable = "true";

    Warum attr hat nicht funktioniert, weiß ich nicht.

    InformationsquelleAutor der Antwort Matthew Lock

  5. 0

    Wenn ich mich richtig erinnere, ist die Einstellung des contentEditable Wert auf die Eltern würde auch dazu führen, dass alle seine Kinder zu werden, bearbeitet werden.

    So, dies zu tun: 

    $('#container').attr("contentEditable", "true");

    Funktionieren sollte.

    InformationsquelleAutor der Antwort Yi Jiang

Schreibe einen Kommentar