Tag: contenteditable

contentEditable ist ein HTML-Attribut (erfunden von Microsoft und standardisiert in HTML5) , ist für die client-Seite im browser „rich-text“ Bearbeiten.

Wie deaktiviere ich die Auswahl und Größenanpassung von Elementen in contenteditable div?

Anzahl der Antworten 11 Antworten
E. g. Ich habe Folgendes layout: <div contenteditable="true"> <span class="text-block" contenteditable="false"> <span contenteditable="false">Name</span> <a href="javascript:void(0)"> <i class="small-icon-remove"></i> </a> </span> ​</div> So, wie Sie diese deaktivieren: und so: InformationsquelleAutor der Frage Andrei | 2014-02-18

HTML5 contentEditable mit jQuery

Anzahl der Antworten 5 Antworten
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,

Jeder WYSIWYG-Rich-Text-Editor, der kein HTML verwendet (contenteditable oder designMode), ein la (das neue) Google Docs?

Anzahl der Antworten 3 Antworten
Neben der neuen Google Docs, alle anderen WYSIWYG-web-basierte rich-text-Editoren (ckeditor, tinymce, alten Google Docs), die ich gesehen habe, basieren auf contenteditable oder designMode. Ich persönlich hasse es mit diesen Editoren. Es braucht nicht viel, formatieren oder kopieren/einfügen,

Extrahieren von Text aus einem contentEditable div

Anzahl der Antworten 6 Antworten
Habe ich einen div gesetzt, um contentEditable und gestaltet mit "white-space:pre", also es hält Dinge wie Zeilenumbrüche. In Safari, FF und IE wird das div ziemlich viel sieht aus und funktioniert genauso. Alles ist gut. Was ich

Wie wählt man den gesamten Text in contenteditable div aus?

Anzahl der Antworten 3 Antworten
Bevor diese wird gekennzeichnet als Duplikate, ich möchte, dass Sie erkennen, dass niemand wirklich eine gute Antwort für diese Frage. In wählen Sie den gesamten text in contenteditable div, wenn es den Fokus/klickendie akzeptierte Antwort, und Tim

Verhindert Zeilen- / Absatzumbrüche in contentEditable

Anzahl der Antworten 8 Antworten
Wenn mit contentEditable in Firefox, gibt es eine Möglichkeit zu verhindern, dass die Benutzer einfügen von Absatz-oder Zeilenwechsel mit enter oder shift+enter? InformationsquelleAutor der Frage Daniel Cassidy | 2009-01-08

Verhindern, dass Inhalte hinzugefügt werden können & lt; div & gt; bei ENTER - Chrome

Anzahl der Antworten 19 Antworten
Ich habe eine contenteditable element, und immer, wenn ich geben Sie ein paar Sachen und Treffer ENTER es schafft eine neue <div> und Orte, die neue Linie von text in es. Ich weiß nicht, wie diese ein

Setzen Sie die Caret-Position direkt nach dem eingefügten Element in einem contentEditable div

Anzahl der Antworten 2 Antworten
Ich bin einfügen eines Elements in eine contentEditable div, aber der browser setzt die position des Cursors vor dem eingefügten element. Ist es möglich, den cursor direkt nach dem element eingefügt, so dass der Benutzer speichert die

Ermitteln Sie ein Einfügen-Ereignis in einem contenteditable

Anzahl der Antworten 1 Antworten
gegeben, einer content-editable div. Wie kann ich erkennen, ein paste-Ereignis, verhindern, dass die paste aus eingefügt werden können, so kann ich Sie abfangen kann und desinfizieren Sie die paste, um die text enthalten nur? Ich auch nicht

Entfernen Sie die Formatierung von einem contentEditable div

Anzahl der Antworten 7 Antworten
Ich habe eine contentEditable Div, und ich wollen, entfernen Sie alle Formatierungen, die besonders für das kopieren und einfügen von text. InformationsquelleAutor der Frage Garth Humphreys | 2011-08-01

zufrieden stellende Single-Line-Eingabe

Anzahl der Antworten 4 Antworten
Für eine Anwendung entwickeln wir in der Firma wo ich arbeite, brauchen wir einen Eingang, unterstützt das einfügen von emoticons in unserem JS-basierten web-app. Wir sind derzeit mit einem Eingang mit dem emoticon-Kurzwahlnummern (ie ': -)'), und

Fügen Sie Text am Cursor in einem editierbaren Div ein

Anzahl der Antworten 3 Antworten
Ich habe eine contenteditable div, wo muss ich das einfügen von text an der Cursor-position, Dies kann leicht getan werden in IE durch document.selection.createRange().text = "banana" Gibt es eine ähnliche Art und Weise der Umsetzung dieser in

contenteditable = false in contenteditable = true Block ist in IE8 noch editierbar

Anzahl der Antworten 2 Antworten
Habe ich den folgenden HTML-Code, die beabsichtigen, stellen Sie sicher, dass der innere span ist nicht editierbar. Dies funktioniert, in anderen Browsern aber nicht IE8. <div contenteditable="true"> Luke, I am your father. <span contenteditable="false">I'm your son?! Ewww!</span>

Risiko der Verwendung von contentEditable in IE

Anzahl der Antworten 6 Antworten
Fügen wir einen einfachen HTML-editor, um unser Produkt. Als wir nur unterstützen, DH an vorhanden (die meisten Kunden sind immer noch auf IE 6), ich habe gesagt, daß Sie den Internet Explorer verwenden, built-in XHTML-editing-Funktionen – z.B.

Fügen Sie HTML in caret in einem contenteditable div ein

Anzahl der Antworten 3 Antworten
Ich habe ein div mit contenteditable gesetzt und ich bin die Erfassung Tastendruck-mithilfe von jquery zu preventDefault() wenn Sie die enter-Taste gedrückt wird. Ähnlich diese Frage, die fügt den text an der cursor, ich möchte direkt mit

React.js: onChange-Ereignis für contentEditable

Anzahl der Antworten 5 Antworten
Wie höre ich auf "change" - Ereignis für contentEditable-based control? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { //Doesn't fire :( console.log('changed', v); },

Wie setze ich die Position des Caret (Cursor) im contenteditable Element (div)?

Anzahl der Antworten 4 Antworten
Habe ich diese 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 will einfache Sache - wenn ich auf die Schaltfläche klicke, möchte ich, um Platz