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.
vermeiden ie contentEditable-element zum erstellen von Absätzen auf Enter-Taste
5 Antworten
Auf den InternetExplorer, eine contentEditable DIV wird ein neuer Absatz erstellt (<p></p>) jedes mal, wenn Sie Enter drücken, während Firefox erstellt eine <br/> tag. Ist es möglich, zu zwingen, den IE einfügen <br/> statt einen neuen Absatz
Wie wollen Sie Stil contentEditable in Firefox?
6 Antworten
Habe ich Folgendes: <div contenteditable="true">Item 2</div> In webkit-ich kann einfach style diese mit css. Firefox ignoriert das css, und die contenteditable div-weiß und der Größe angepasst werden. Wie kann ich ändern, die css-Datei für contentEditable in Firefox.
Edit-cursor nicht angezeigt in Chrome in contenteditable
6 Antworten
Wenn Sie diese Seite öffnen (siehe Live-demo) mit Chrome : <span id="myspan" contenteditable=true></span> CSS : #myspan { border: 0; outline: 0;} JS : $(myspan).focus(); den contenteditable span Fokus hat (Sie kann anfangen zu schreiben, Dinge, und Sie
So ändern Sie div contenteditable von true auf false
5 Antworten
ich habe eine Seite, die es dem Benutzer ändern Sie den text innerhalb div-Element und speichern Sie die html-code in die db, aber wenn ich die Anzeige zurück, die html-code, den ich ändern möchte div contenteditable in
Warum nicht @contenteditable Arbeit auf dem iPhone?
5 Antworten
Safari HTML Reference: Unterstützte Attribute sagt: contenteditable Wenn true, wird das element kann bearbeitet werden die Fliegen; wenn false, kann es nicht. Verfügbarkeit Verfügbar in Safari 1.2 und höher. Verfügbar in iPhone OS 1.0 und höher. Jedoch
ersetzen innerHTML in contenteditable div
2 Antworten
muss ich implementieren highlight für zahlen( in Zukunft im komplexer Regeln ) in der contenteditable div. Das problem ist, Wenn ich neue Inhalte einfügen mit javascript ersetzen, DOM-änderungen und contenteditable div-Element den Fokus verloren. Was ich brauche,
Wie wollen Sie vermeiden, verlieren Sie den Fokus auf eine contenteditable-element, wenn ein Benutzer klickt außerhalb dieses element?
2 Antworten
Möchte ich verhindern, dass eine contentEditable Bereich verlieren den Fokus, wenn ein Klick gemacht wird, außerhalb dieses Gebietes. Einige Beispiel-HTML sieht wie folgt aus: <div id="content"> <p>Hello</p> </div> <div id="clickThis"> <p>If you click on this or anywhere
Kann ich den Autofokus auf ein element mit contenteditable?
2 Antworten
Ich bin mit der contenteditable - Attribut auf eine <div> um Sie als ein text-Feld auf die Nachfrage (für Benutzer umbenennen so). Aber ich möchte die aktivieren autofocus auf Sie als gut, so dass Benutzer können mit
Gibt es einen Weg, um execCommand("insertHTML") aus dem entfernen von Attributen in Chrom?
1 Antworten
Kontext ist Chrome 37.0.2062.120 m. Ich bin mit execCommand einfügen von html in eine Bearbeitbare div. Meine execCommand-Aufruf sieht wie folgt aus: function insertHTML(){ document.execCommand('insertHTML', false, '<span id="myId">hi</span>'); } Wenn die editable div sieht so aus: <div
return-Fokus, um contenteditable nach execCommand?
5 Antworten
Habe ich folgende code demonstriert contenteditable-Eigenschaft und eine Schaltfläche, wird inject Fett gedruckten text in den Absatz mit contenteditable Bereich. Meine Frage ist, wie die Rückkehr der Fokus zu, wo ich aufgehört habe nach einem Klick auf
Contenteditable mit ng-model nicht funktioniert
2 Antworten
Ich versuche zu speichern, den Wert einer contenteditable um meinen JS-code. Aber ich kann nicht herausfinden, warum ng-model funktioniert nicht in diesem Fall. <div ng-app="Demo" ng-controller="main"> <input ng-model="inputValue"></input> <div>{{inputValue}}</div> //Works fine with an input <hr/> <div contenteditable="true"
Ist es möglich, zu deaktivieren oder zu kontrollieren "Befehle" in contentEditable Elemente?
2 Antworten
Als ich verstehen es, ein element mit contentEditable="true" ist eine Art WYSIWYG-HTML-editor. Es generiert entsprechende HTML-tags entsprechenden Befehl erteilt. Zum Beispiel, wenn man text auswählt und drückt dann Strg+Bwird der ausgewählte text wird zwischen <b></b> tags. Brauche
Link einfügen in contenteditable-element
4 Antworten
Arbeite ich an ein einfaches blog-system, und ich bin mit contenteditable, so dass die Benutzer können den text formatieren. Bis jetzt alles funktioniert wie ein Charme. Nächste, was ich möchte, ist, dass Benutzer können fügen Sie einen
Firefox - designMode: deaktivieren Bild Größenänderung Griffe
6 Antworten
Wie kann ich verhindern, dass der Benutzer in der Lage, um die Größe eines Bildes im designMode? (deaktivieren Sie die Griffe, wenn Bild angeklickt wird) InformationsquelleAutor der Frage dEEf | 2008-11-14
Konvertieren von HTML in nur-text in contentEditable
4 Antworten
Ich habe eine contentEditable und ich Streifen die Formatierung der eingefügten Inhalte on('paste') durch den Fang der Falle. Dann habe ich den Fokus auf eine textarea, fügen Sie den Inhalt dort, und kopieren Sie den Wert. So
Machen Sie eine <br> statt <div></div> durch drücken der EINGABETASTE auf einem contenteditable
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?
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
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?
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
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>
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>
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
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)
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
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?
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
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
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
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
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
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?
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
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
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
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?
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
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)
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?
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
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?
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
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
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
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?
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
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
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?
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?
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
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