contentEditable, CTRL-B CTRL-I und speichern

Question

Ich habe gerade begonnen, eine contentEditable zu verwenden, und habe nicht viel umfassende Informationen darüber gefunden.

bemerkte ich, dass in Chrome, ich kann durch Drücken CTRL Wörter fett/kursiv - B und CTRL - I.

Wird dies möglicherweise das beabsichtigte Verhalten in anderen Browsern sein? Dies zum Beispiel funktioniert in Chrome:

<div class="container" id="typer" onclick="this.contentEditable='true';"> 

http://jsfiddle.net/uk6DA/15/

Ich frage mich, ob ich diese Formatierung lesen kann, um die Benutzer Änderungen zu speichern? Außerdem kann ich eine Schaltfläche Fett und Kursiv-Taste, die CTRL auslösen - B und CTRL - ich? Oder brauche ich, um auf den Benutzer abhängen Drücken CTRL - B und CTRL - ich (was bedeutet, dass sie eine Notiz bietet ihnen zu sagen)?

Answer 1

Dies ist Standard in allen gängigen Browsern. Es gibt auch programmatische Entsprechungen der Tastaturkürzel, die über document.execCommand() in allen Hauptbrowsern verfügbar sind. Fett und kursiv Befehle, beispielsweise ausgeführt, können wie folgt:

document.execCommand("Bold", false, null); 
document.execCommand("Italic", false, null); 

jedoch der Aufschlag zwischen Browsern erzeugt variiert. Zum Beispiel enthalten Variationen für Fettdruck <b>foo</b>, <strong>foo</strong> und <span style="font-weight: bold">foo</span>.

Referenzen:

• MSDN, list of commands
• MDN (Mozilla)

Answer 2

Kurze Antwort 'Ja'. Sie könnten diese article interessant finden. Viele Entwickler sind diesen Weg gegangen. Wenn Sie einen netten Wysiwyg-Editor möchten, gibt es viele zur Auswahl.

Auf zu Ihrer Frage: Ja, Sie können die Formatierung lesen. Versuchen Sie eine innereHTML auf dem Element und Sie werden <b> Tags um Ihre Fettdruck und <i> um Ihre Kursivschrift finden. Außerdem - in dem Artikel, den ich geteilt habe, erfahren Sie, wie Sie eine Schaltfläche erstellen, die fett gedruckt wird. Hoffe das hilft!