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.
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
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,
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,
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
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
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
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
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
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
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
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
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
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>
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.
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
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); },
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