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.

Machen Sie eine <br> statt <div></div> durch drücken der EINGABETASTE auf einem contenteditable

Anzahl der Antworten 2 Antworten
Ich geschrieben habe, ein bisschen code in meine Tastatur event-handler einfügen <br> in Reaktion auf das drücken der Enter-Taste: event.preventDefault(); document.execCommand('InsertHTML', true, '<br>'); Funktioniert dies nur, wenn der cursor zwischen zwei Buchstaben, wenn Ihr am Ende brauche

So finden Sie cursor-position in eine contenteditable DIV?

Anzahl der Antworten 1 Antworten
Schreibe ich ein autocompleter für ein content-editable DIV (brauchen zum Rendern von html-Inhalten in das Textfeld ein. So verwenden bevorzugt contenteditable DIV über TEXTAREA). Nun ich muss die cursor-position, wenn es ein keyup/keydown/click-Ereignis in den DIV. So

Set cursor an bestimmte position in CKEditor

Anzahl der Antworten 2 Antworten
Gibt es eine Möglichkeit zum festlegen der cursor-position auf einen bekannten index innerhalb CKEditor? Ich möchte dies tun, weil wenn ich die html im editor, er setzt den cursor an den Beginn des eingefügten Elements, das ist

Wie man die tab-Taste, Fügen Sie ein tab-Zeichen in eine contentEditable div?

Anzahl der Antworten 5 Antworten
Baue ich einen einfachen text-editor, indem Sie die Einstellung contentEditable=true auf ein div (jedenfalls denke ich, dass textarea-Komponente verhält sich in der gleichen Weise) und ich habe einige Probleme mit der tab-Taste. Was ich will, ist, dass,

ContentEditable DIV - deaktivieren der drag-and-drop

Anzahl der Antworten 4 Antworten
Ist es möglich, deaktivieren Sie die drag-und-drop-Funktion auf die Elemente, die das contentEditable-Attribut auf true festgelegt. Habe ich die folgende HTML-Seite. <!DOCTYPE html> <html><meta charset="utf-8"><head><title>ContentEditable</title></head> <body> <div contenteditable="true">This is editable content</div> <span>This is not editable content</span> <img

AngularJS - ng-Modell nicht auf contenteditable <span>

Anzahl der Antworten 4 Antworten
Ich Lerne AngularJS. Ich bin gekommen, über etwas das ich nicht erklären kann, noch kann ich keine Erklärung für (oder Lösung). Ich habe ein einfaches AngularJS-app und ich bin versucht zu binden eine <span contenteditable="true"> auf einen

Set cursor position auf contentEditable <div>

Anzahl der Antworten 7 Antworten
Ich bin, nach einer endgültigen, cross-browser-Lösung, um den cursor/Einfügemarke position, um die Letzte bekannte position, wenn eine contentEditable='on' <div> wieder aktiv ist. Es erscheint die Standard-Funktionalität eines content-editable div verschieben der Einfügemarke/cursor an den Anfang des Textes

Wie zum speichern und abrufen von contenteditable Daten

Anzahl der Antworten 1 Antworten
Möchte ich die admins von meiner website in der Lage sein, den text zu ändern von einigen Seiten. Mit contentediteble wäre perfekt für mich. Problem ist, ich weiß nur, wie man Programm in PHP. Ich habe gesucht

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

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

ein Ereignis auslösen, wenn contenteditable geändert wird

Anzahl der Antworten 10 Antworten
Wenn ein divs Wert geändert wird, wie Kann ich ein Ereignis auslösen? <div class="changeable" contenteditable="true"> Click this div to edit it <div> Also, wenn Ihr Inhalt ändert sich, ich möchte, um eine Benachrichtigung zu erstellen und/oder andere

Wie verwende ich mit HTML5 contenteditable Felder in einer Formularübermittlung?

Anzahl der Antworten 3 Antworten
So, ich habe eine Reihe von Absatz-Elementen, die dynamisch gefüllt aus einer db. Ich habe die Elemente contenteditable. Ich will jetzt Einreichen Bearbeitungen zurück, die die db über ein standard-Formular. Gibt es eine Möglichkeit zu posten die

Umgang mit Zeilenumbrüchen bei contentEditable DIV

Anzahl der Antworten 6 Antworten
Ich habe ein problem mit contenteditable Zeilenumbrüche auf SAFARI/CHROME. Wenn ich drücken Sie "return" auf eine contentEditable <div>anstatt eine <br> (wie Firefox), erzeugen Sie eine neue <div>: <div>Something</div> <div>Something</div> Dass so aussieht (auf der contentEditable DIV): Something

Setzen Sie den Fokus auf div contenteditable Element

Anzahl der Antworten 7 Antworten
Ich habe eine <div contenteditable=true> wo ich definieren, indem Sie einen WYSIWYG-einige Elemente. Zum Beispiel <p><h1> usw. Ich würde gerne direkt den Fokus auf eines dieser Elemente. Beispielsweise auf <p id="p_test">. Aber es scheint, dass focus() -

wie man das Verhalten von zufriedenen Blöcken ändert, nachdem man in verschiedenen Browsern gedrückt hat

Anzahl der Antworten 5 Antworten
Beim drücken von enter in <div contenteditable="true"> </div> im firefox <br /> produziert wird - das ist ok. Aber im Chrome oder IE eine neue <div> oder <p> erstellt. Was sollte ich tun, damit Chrome und IE

Contenteditable div vs iframe in einen Rich-Text / WYSIWYG-Editor machen

Anzahl der Antworten 2 Antworten
ich versuche, Wägen die vor-und Nachteile der Verwendung von einem <div> vs. <iframe> in meine eigenen rich-text/wysiwyg-editor. Tun so, warum kann ich nicht einfach ein contenteditable <div> - und warum so viele Menschen lieber die <iframe> ?

jquery Einstellung der Cursorposition in contenteditable div

Anzahl der Antworten 4 Antworten
Die alte version der Frage ist unten, auf der Suche nach mehr, habe ich beschlossen, formulieren Sie die Frage. Das problem nach wie vor ist, muss ich den Fokus auf eine contenteditable div, ohne den text markieren,

Programmatisch Text in einem contenteditable HTML-Element auswählen?

Anzahl der Antworten 6 Antworten
In JavaScript, ist es möglich, programmgesteuert markieren Sie text in einer input oder textarea element. Sie können sich einen Eingang mit ipt.focus()und wählen Sie dann den Inhalt mit ipt.wählen Sie(). Sie können sogar wählen Sie einen bestimmten

Ersetzen Sie ausgewählten Text in contenteditable div

Anzahl der Antworten 1 Antworten
Bin ich auf der Suche hohe und niedrige für eine Antwort aber nicht. Gibt es eine cross-browser-Lösung zu ersetzen ausgewählten text in contenteditable div? Ich will einfach Benutzer markieren Sie etwas text, und ersetzen Sie den markierten

HTML contenteditable mit nicht editierbaren Inseln

Anzahl der Antworten 5 Antworten
Ich habe eine Art von browser-basierten WYSIWYG-editor, in dem Benutzer können Dokumente Bearbeiten-Vorlagen. Dokument-Vorlage ist eine ganz normale html mit ein paar besonderen "merge code-Platzhalter". Eine solche Vorlage bekommt "instanziiert" durch ersetzen Sie diese Platzhalter durch die

zufriedene Änderungsereignisse

Anzahl der Antworten 15 Antworten
Möchte ich eine Funktion auszuführen, wenn ein Benutzer editiert den Inhalt eines div mit contenteditable Attribut. Was ist das äquivalent einer onchange Veranstaltung? Bin ich mit Hilfe von jQuery, so dass alle Lösungen, die jQuery verwendet, ist

Was für zufriedene Redakteure gibt es?

Anzahl der Antworten 2 Antworten
Diese Frage dazu dienen sollte, eine Liste von all den verschiedenen content-editable-Lösungen. Post neue in den Antworten unten. InformationsquelleAutor der Frage balupton | 2011-07-20

Begrenzung der Anzahl der Zeichen in einem ContentEditable div

Anzahl der Antworten 9 Antworten
Ich bin mit contenteditable div-Elemente in meine web-Anwendung, und ich bin versucht zu kommen mit einer Lösung zu begrenzen die Menge der zulässigen Zeichen in die Gegend, und sobald das limit erreicht ist, versucht Sie, um Zeichen

contenteditable, setzen Sie Caret am Ende des Textes (cross-browser)

Anzahl der Antworten 3 Antworten
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, in FF es würde in etwa so Aussehen: hey <br /> what's up? und in IE: hey <p>what's up?</p> leider,

Wie man ein HTML erstellt & lt; div & gt; Element editierbarer Cross-Browser?

Anzahl der Antworten 4 Antworten
Wissen Sie, wie Sie eine <div> Bearbeiten mit JavaScript? Ich bin auf der Suche nach cross-browser-Lösung. Etwas ähnliches wie ein rich-text-Bereich, aber das nutzt einem bearbeitbaren <iframe>. Ich brauche etwas ähnliches für eine <div>. Ich nicht verwenden

Erzwinge IE contentEditable Elemente zum Erstellen von Zeilenumbrüchen mit der Eingabetaste, ohne Rückgängig zu machen

Anzahl der Antworten 7 Antworten
Auf Internet Explorer, eine contentEditable DIV wird ein neuer Absatz erstellt (<p></p>) jedes mal, wenn Sie Enter drücken, während Firefox erstellt eine <br/> tag. Diskutiert, wie hierist es möglich mit JavaScript abfangen der Enter-Tastendruck-und Reichweite.pasteHTML zu erstellen

HTML - Newline Char in DIV Inhalt editierbar?

Anzahl der Antworten 3 Antworten
Ich bin die Speicherung von Inhalten in der Datenbank, zum Beispiel: Hello This is Text und wenn ich übergeben, textarea, bleibt es mit der neuen Linie Pausen. Aber wenn ich passieren, dass text in ein div mit

AngularJS und contentEditable Zwei-Wege-Bindung funktioniert nicht wie erwartet

Anzahl der Antworten 5 Antworten
Warum im folgenden Beispiel werden die ersten gerenderten Wert ist {{ person.name }} eher als David? Wie würden Sie dieses Problem beheben? Live-Beispiel hier HTML: <body ng-controller="MyCtrl"> <div contenteditable="true" ng-model="person.name">{{ person.name }}</div> <pre ng-bind="person.name"></pre> </body> JS: app.controller('MyCtrl',

Wie man den Cursor zum Ende der Entity bewegt, die zufrieden ist

Anzahl der Antworten 3 Antworten
Ich brauche zu bewegen Einfügemarke zum Ende contenteditable Knoten wie auf Gmail notes-widget. Lese ich threads auf StackOverflow, aber diese Lösungen basieren auf der Verwendung-Eingänge und-Sie funktioniert nicht mit contenteditable Elemente. InformationsquelleAutor der Frage avsej | 2009-07-14

spellcheck = false für contentEditable Elemente

Anzahl der Antworten 4 Antworten
Zur normalen Eingabe-Elemente können Sie ausschalten die Rechtschreibprüfung, indem Sie mit einem HTML-Attribut (zumindest unter FF). Das gleiche spellcheck="false" scheint nicht zu funktionieren, auf eine contentEditable-element. Gibt es eine andere Lösung für contentEditable Elemente? InformationsquelleAutor der Frage

Wie kann ich das Element erhalten, in dem sich das Caret befindet, wenn Sie contentEditable benutzen?

Anzahl der Antworten 1 Antworten
Sagen wir, ich habe einige HTML-code wie dieser: <body contentEditable="true"> <h1>Some heading text here</h1> <p>Some text here</p> </body> Nun die Einfügemarke (der blinkende cursor) blinkt innerhalb des H1-element, sagen wir in dem Wort "überschrift". Wie bekomme ich

Holen Sie die Einfügemarke (Cursor) in contentEditable Bereich, der HTML-Inhalt enthält

Anzahl der Antworten 3 Antworten
Habe ich contentEditable-element - (p, div, ...) und ich würde gern an der Einfügemarke (cursor -) position. In der Regel kann ich es erreichen, mit diesem Stück code: var position = window.getSelection().getRangeAt(0).startOffset; Dies funktioniert sehr gut, während

Erhalten Sie Caret-Position in contentEditable div

Anzahl der Antworten 4 Antworten
Ich bin der Suche nach Tonnen von guten, crossbrowser anwers auf, wie, um den cursor oder caret-position in eine contentEditable DIV, aber keiner auf, wie man oder seine position... Was ich will zu tun ist, wissen die

Wie benutzt man [(ngModel)] auf div's contenteditable in angular2?

Anzahl der Antworten 6 Antworten
Ich versuche, mit ngModel, um zwei-Weg-binden div ' s contenteditable input-Materialien wie folgt: <div id="replyiput" class="btn-input" [(ngModel)]="replyContent" contenteditable="true" data-text="type..." style="outline: none;" ></div> aber es nicht funktioniert und ein Fehler tritt auf: EXCEPTION: No value accessor for ''

Wie entferne ich den Rahmen um einen fokussierten zufriedenen Vorzug?

Anzahl der Antworten 2 Antworten
Wenn ich ein pre-element contenteditable und Fokus auf die es für die Bearbeitung, es erhält eine gepunktete Linie um ihn herum, die nicht sehr schön Aussehen. Die Grenze ist nicht da, wenn der Fokus woanders ist. Wie

Platzhalter in contenteditable - Fokus-Event-Problem

Anzahl der Antworten 10 Antworten
Ich habe versucht, diese Fragen vor, ohne Glück zu erklären/beweisen, dass es ein Beispiel wo der Fehler passiert. So, hier ist ein Versuch: Ich versuche zu replizieren, die ein Platzhalter-Effekt auf eine contenteditable DIV. Das Konzept ist

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