Wie man einen element-Inhalt Bearbeiten mit JavaScript (oder jQuery)

Wie würde ich es so machen, den Inhalt eines Elements gemacht werden könnten, änderbar über native JavaScript (DOM) und/oder jQuery?

InformationsquelleAutor der Frage | 2013-12-29

  1. 26

    Lösung zum Umschalten editierbare on/off mit einem Klick-handler:

    $('button').click(function(){
    var $div=$('div'), isEditable=$div.is('.editable');
    $div.prop('contenteditable',!isEditable).toggleClass('editable')
})

    DEMO

    InformationsquelleAutor der Antwort charlietfl

  2. 25

    Javascript:

    document.getElementById('IdOfElement').contentEditable='true';

    InformationsquelleAutor der Antwort nicael

  3. 11

    Blick auf dieses Beispiel, die ich gemacht habe:
    http://jsfiddle.net/K6W7J/

    JS:

    $('button').click(function(){
    $('div').attr('contenteditable','true');
})

    HTML:

    <button>CLICK</button>
<div>YOUR CONTENT</div>

    InformationsquelleAutor der Antwort Vladimir Aleksić

  4. 0

    Wenn Sie jQuery verwenden, um das Attribut hinzufügen, um das element, das Sie sollten in der Lage sein, zum Umschalten zwischen edit-Modus und im "normalen" HTML-Modus. Das contenteditable-Attribut wird unterstützt von allen großen Browsern. Check-out http://blog.whatwg.org/the-road-to-html-5-contenteditable für weitere Informationen.

    InformationsquelleAutor der Antwort Jelle Kralt

  5. 0

    Oder verwenden Sie diese - plugin, das habe ich mit kein problem jeder Zeit. es ist wirklich einfach
    und einfach zu bedienen.

    Hier ein Beispiel:

    Html:

     <div style="margin: 150px">
    <a href="#" id="username">awesome</a>
</div>

    JS

     $('#username').editable({
        type: 'text',
        url: '/post',    
        pk: 1,    
        title: 'Enter username',
        ajaxOptions: {
            type: 'put'
        }        
    });

    DEMO

    InformationsquelleAutor der Antwort semirturgay

Schreibe einen Kommentar