contentEditable ist ein HTML-Attribut (von Microsoft erfunden und in HTML5 standardisiert), das für die clientseitige Bearbeitung von "Rich Text" im Browser verwendet wird.
Ich möchte eine Funktion ausführen, wenn ein Benutzer den Inhalt eines divwith- contenteditableAttributs bearbeitet . Was entspricht einer onchangeVeranstaltung? Ich verwende jQuery, daher werden alle Lösungen bevorzugt, die jQuery verwenden. Vielen
Ich habe dieses einfache HTML als Beispiel: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> Ich möchte eine einfache Sache - wenn ich auf die Schaltfläche klicke,...
Ich bin auf der Suche nach einer endgültigen, browserübergreifenden Lösung, um die Cursor- / Caret-Position auf die letzte bekannte Position zu setzen, wenn ein contentEditable = 'on' <div> den Fokus wiedererlangt. Es scheint, dass die Standardfunktionalität eines inhaltsbearbeitbaren Divs...
Ich habe ein contenteditableElement und wann immer ich etwas schreibe und treffeENTER , wird ein neues erstellt <div>und der neue Zeilentext dort eingefügt. Ich mag das kein bisschen. Ist es möglich, dies zu verhindern oder zumindest einfach durch a zu ersetzen? <br> ? Hier ist die Demo...
Wie höre ich, um ein Ereignis für eine contentEditablebasierte Steuerung zu ändern ? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange:...
Ich finde unzählige gute Crossbrowser-Antworten zum Einstellen der Cursor- oder Caret-Indexposition in einem contentEditableElement, aber keine zum Abrufen oder Finden des Index ... Was ich tun möchte, ist den Index des Carets innerhalb dieser Division zu kennen keyup. Wenn der Benutzer Text...
In JavaScript ist es möglich, Text in einem inputoder textareaElement programmgesteuert auszuwählen . Sie können eine Eingabe mit fokussieren ipt.focus()und dann ihren Inhalt mit auswählen ipt.select(). Sie können sogar einen bestimmten Bereich mit auswählen ipt.setSelectionRange(from,to). Meine...
Ausgabe in Chrome : <div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"> hey <div>what's up?</div> <div> <button id="insert_caret"></button> Ich glaube an FF würde es ungefähr so aussehen: hey <br /> what's...
Wenn ich ein Pre-Element auf contenteditable setze und es zum Bearbeiten fokussiere, erhält es einen gepunkteten Rand, der nicht sehr gut aussieht. Die Grenze ist nicht da, wenn der Fokus woanders liegt. Wie entferne ich diesen Rand? Vielen
Ich muss Caret contenteditablewie im Google Mail-Widget an das Ende des Knotens verschieben. Ich habe Threads in StackOverflow gelesen, aber diese Lösungen basieren auf der Verwendung von Eingaben und funktionieren nicht mit contenteditableElementen.
Ich habe ein Div mit inhaltsbearbeitbarem Satz und ich nehme den Tastendruck mit jquery auf, um PreventDefault () aufzurufen, wenn die Eingabetaste gedrückt wird. Ähnlich wie bei dieser Frage, bei der Text am Cursor eingefügt wird, möchte ich HTML direkt einfügen. Der Kürze halber sagen wir, es...
Ich möchte einen Editor mit Slate oder ProseMirror erstellen und bei Verwendung eines Inline-Elements ein merkwürdiges Verhalten mit Chrome um die Caret-Position und den Auswahlbereich feststellen . Problem 1 ist im ersten Bild unten dargestellt. Wenn sich die Position des Textcursors hinter dem...