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.

Einfügen als nur-text Contenteditable div & textarea (word/excel...)

Anzahl der Antworten 3 Antworten
Ich möchte das einfügen von text in eine contenteditable div, sondern reagiert wie eine textarea. Beachten Sie, dass ich will, dass die Formatierung als würde ich fügen Sie es in mein textarea (aus word, excel,...). So. 1)

Wie man HTML-Tabelle "Excel-like" editierbar für mehrere Zellen, also der gleichzeitige kopieren-einfügen-Funktionen?

Anzahl der Antworten 2 Antworten
Muss ich meiner HTML-Tabelle bearbeitet werden, so dass Benutzer Daten eingefügt werden könnten, die an den server gesendet. Jedoch aufgrund der Tabelle Größe (50 Zeilen), wäre es nicht bequem für Benutzer, um Daten einzufügen Punkte, die man

Warum Ist Mein Contenteditable Cursor Springt an das Ende in Chrome?

Anzahl der Antworten 5 Antworten
Szenario Ich habe eine contenteditable <div> Bereich, und in diesem Bereich habe ich vielleicht einige <span contenteditable="false"></span> mit etwas text. Die Idee ist, diese span-Elemente dar, formatierten text kann nicht bearbeitet, aber gelöscht werden können, die von

Holen Sie sich die caret-position in contenteditable div-tags eingeschlossen

Anzahl der Antworten 2 Antworten
Ich habe eine contenteditable div, in dem ich mehrere tags (br, b, u, i), und text und ich brauche, um die Cursor-position relativ zu dem div, inklusive aller tags. Beispiel: <div id="h" contenteditable="true">abc<b>def<br>ghi</b>jkl</div> Wenn sich der cursor

Was sind die Nachteile der Verwendung eine contentEditable div, anstatt eine textarea?

Anzahl der Antworten 2 Antworten
Würde ich Schießen selbst in den Fuß durch die Verwendung eines div mit Attribut contentEditable="true" als text-Feld statt einer textarea? Wenn Sie möchten, dass ein text-Feld, verwenden Sie eine textarea, es ist weniger wahrscheinlich, um die Schraube

Bewegen Sie die Cursorposition mit Javascript?

Anzahl der Antworten 1 Antworten
Ich bin auf der Suche bewegen Sie den Cursor genau vier Leerzeichen vor seiner aktuellen position, so dass ich legen Sie eine Registerkarte richtig. Ich hab schon die HTML einfügen an der Cursor-position arbeiten, aber wenn ich

Textarea contenteditable

Anzahl der Antworten 4 Antworten
Ich versuche eine textarea-Inhalt bearbeitet werden kann, und ich bin zu scheitern. Ich bin mit diesem code: <textarea id='' class='' name='notes' rows='12' cols='67' contenteditable='true' ></textarea> Ich erwarte ein Ergebnis wie http://html5demos.com/contenteditable Hat jemand eine Idee warum es

contenteditable markierten text speichern und wiederherstellen

Anzahl der Antworten 2 Antworten
Stieß ich auf diesen Beitrag, der zeigt, 2 Funktionen, wie das speichern und wiederherstellen, den ausgewählten text aus einem contenteditable div. Ich habe die unten div eingestellt als contenteditable und die 2 Funktion aus dem anderen post.

Warum ist contenteditable nicht auf einen Stil?

Anzahl der Antworten 4 Antworten
Ich war vor kurzem hantieren mit contenteditable in eine Webseite und verwirrt waren, als ich brauchte, um eine große Anzahl von span tags mit es (ich habe es schließlich mit JavaScript zu tun). Wenn nur ich könnte

Entfernen resize-Handler, die auf contentEditable div

Anzahl der Antworten 7 Antworten
Erstellte ich eine contentEditable div zu verwenden, als eine reiche textarea. Es hat die Größe Handler um ihn herum, die würde ich gerne loswerden. Irgendeine Idee, wie ich würde dies tun? Edit: Dies scheint passiert zu sein,

Einfügen von text in Javascript contenteditable div

Anzahl der Antworten 4 Antworten
Ich habe ein problem, wo ich das einfügen muss einen text (string oder dürfen keine html-tags) in einen div. Es hat ein div und nicht eine textarea. Ist es trotzdem, das zu tun? Zuerst von allen, die

Holen Sie Inhalte der Spanne

Anzahl der Antworten 5 Antworten
wie bekomme ich den Inhalt von span ? Ich bin auf der Suche nach einem Weg für alle diese Vanille, nicht jQuery javascript und ein wenig jQuery) var swear_words_arr=new Array("bad","evil","freak"); var regex = new RegExp('\\b(' + swear_words_arr.join('|')

Wie man das image-element nach dem einfügen mit execCommand?

Anzahl der Antworten 3 Antworten
Gibt es eine Möglichkeit, um das image-element, nachdem wir das Bild einfügen mit execCommand? zum Beispiel e.execCommand('insertimage',0,'ronaldo.png') InformationsquelleAutor Najib Razak | 2012-09-20

Fügen Sie linebreak auf textContent oder innerText-nur - in Chrom

Anzahl der Antworten 2 Antworten
Dies ist ein kompliziert! Im arbeiten mit contentEditable in Chrom und ich erlebe ein Kopf-Schmelz-problem. Wenn ich die return-Taste drücken, Chrome fügt ein neues div, in das innerHTML. Das ist schön und gut. Das problem ist, dass

Firefox contenteditable-cursor-Problem

Anzahl der Antworten 9 Antworten
Habe ich eine contenteditable div, die, wenn Sie leer sind (nur der Platzhalter-text vorhanden ist, per CSS unten), der Benutzer ist in der Lage, klicken Sie auf der rechten Seite der div-Element und platzieren Sie den cursor

So Bearbeiten Sie den Inhalt in Angular js Smart Table

Anzahl der Antworten 2 Antworten
Ich bin ganz neu mit java Skript, also muss ich mich entschuldigen, wenn dies scheint basic. Wie kann ich das Bearbeiten von Zeilen der Tabellen in der Smart-Tabelle mit Angularjs? Es scheint nicht zu sein ein tutorial

Wie man anklickbare Anker in contentEditable div?

Anzahl der Antworten 4 Antworten
Habe ich folgenden code: <div contentEditable="true"> Blah blah <a href="http://google.com">Google</a> Blah blah </div> Fiddle Gibt es einen Weg, dieses a anklickbar, nicht bearbeitbar, ohne bewegliche Anker außerhalb dieses div? InformationsquelleAutor Infinity | 2012-08-21

Einstellung der position der Einfügemarke auf eine leere Knoten innerhalb eines contentEditable-element

Anzahl der Antworten 2 Antworten
Meine Aufgabe ist es, ein text-Cursor erscheint in einem leeren span-Knoten innerhalb einer contentEditable div. Folgende bereitet mir keine Probleme auf Firefox 3.6: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="js/jquery-1.4.3.min.js"> </script> <style>

insertHTML mit div und span-tags in contenteditable Abschnitt

Anzahl der Antworten 1 Antworten
In eine contenteditable div, ich bin versucht, insertHTML zum einfügen eines speziellen <div> - und/oder <span>. Aus welchem Grund auch immer, dies erscheint nicht zulässig, da insertHTML entfernt das div/span, bevor man die restlichen Inhalte. Als Beispiel:

Get cursor-position in contenteditable div

Anzahl der Antworten 1 Antworten
Fand ich den folgenden code hier auf, DAMIT man die position des Cursors an eine contenteditable div, aber es gibt immer 0 zurück. Der Funktion, sollte das abrufen der position: new function($) { $.fn.getCursorPosition = function() {

Holen Sie sich die caret-position in contentEditable div

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

Inhalt editierbare cursor-position

Anzahl der Antworten 2 Antworten
Ich habe ein div das die Inhalte bearbeitet und ich möchten, klicken Sie auf die Schaltfläche Bearbeiten, und der cursor wird an den Anfang des div, in der minute, in der am Ende angezeigt. <li style="display: list-item;"

Anzeige zwei divs auf die gleiche Linie ohne blankspace in zwischen, innerhalb eines div mit contenteditable="true"

Anzahl der Antworten 9 Antworten
<div id="test" class="pad" contenteditable="true"> <div id="a" class="fif">text1</div> <div id="b" class="fif">text2</div> </div> Wie im obigen code habe ich eine contenteditable div und viele divs drin (child-divs). Anzahl von child-divs dynamisch variieren und auch den Inhalt zwischen die div-tags.

Konvertieren von innerHTML eines contenteditable text zu normalen string

Anzahl der Antworten 2 Antworten
Verwende ich ein content-editable-element : <span id="myinput" contenteditable="true">This is editable.</span> und document.getElementById('myinput').innerHTML zu Lesen, dessen Inhalt Javascript. Aber das Ergebnis ist : "blah " => innerHTML = "blah &nbsp " "bonjour\n bonsoir" => innerHTML = "bonjour<br>bonsoir" (Firefox)

Stellen Sie CSS-pseudoelement :before gleiche Höhe wie die Haupt-element

Anzahl der Antworten 2 Antworten
Ich habe auf der Suche alle über und konnte eine Lösung finden, um diese auf meinem eigenen. Ich bin versucht, eine grundlegende contenteditable-code-editor, und für die Zeilennummern habe ich gewählt, um ein Absatz für jede Zeile mit

Keypress-Ereignis auf verschachtelte Inhalte bearbeitbar (jQuery)

Anzahl der Antworten 2 Antworten
Ich habe eine CONTENTEDITABLE div und innerhalb dieses div habe ich ein span CONTENTEDITABLE, was ich tun möchte, ist in der Lage zu handhaben, die onkeypress-Ereignis auf die inneren SPAN. So, der javascript-code wäre: $(function() { $('#someid').keypress(function(event){alert('test');});

Contenteditable text-editor und der cursor-position

Anzahl der Antworten 4 Antworten
Wie kann ich (mit Hilfe von jquery oder anderen) html einfügen an der cursor/Einfügemarke position meines contenteditable div: <div contenteditable="true">Hello world</div> Zum Beispiel, wenn Sie den cursor/Einfügemarke zwischen "Hallo" und "Welt", und der Benutzer dann auf eine

Fügen Sie ein HTML-element in eine contentEditable-element

Anzahl der Antworten 1 Antworten
Ich habe eine contentEditable div-wo soll ich das einfügen von HTML-tags (ein einfaches span-element). Gibt es eine cross-browser-Lösung, die mir erlaubt, legen Sie die tags über meine div-Auswahl oder Cursorposition. Wenn etwas anderes ausgewählt ist, auf die

Javascript - Ändern Sie die Schriftfarbe von bestimmten text in textarea

Anzahl der Antworten 5 Antworten
Gibt es eine JS-Funktion ändern Sie die Farbe von bestimmten text in ein textarea? Beispielsweise, blar blar {blar} blar, {blar}, einschließlich, { }, werden in blau. Andere Wörter werden in leer. In anderen Worten, alles was ich

Was ist die Standard-Stil der Blaue Fokus-Gliederung in Chrome?

Anzahl der Antworten 1 Antworten
Ich habe eine webapp, die verwendet contenteditable div. Ich mag, wie Sie erscheinen in Chrome: wenn ich mich darauf konzentriere, Chrome zeigt eine schöne Blaue glühen um die div. Jedoch im Firefox bekomme ich eine hässliche gestrichelte

Set cursor an das Ende des contenteditable div

Anzahl der Antworten 3 Antworten
Ich versuche, um den cursor zum Ende des nächsten/vorherigen tag contenteditable, wenn die aktuelle leer ist, aber wenn ich den Fokus, fügt es den Fokus auf den Anfang des Textes und nicht am Ende Versucht, fast alle

Zwei-Wege-Bindung des contenteditable-Element innerhalb ng-Liste

Anzahl der Antworten 2 Antworten
Ich bin auf der Suche zum aktualisieren der Mobiltelefon-Name in eine Liste von Handys mit contenteditable-Attribut. Ich habe versucht mit ng-wechseln, aber das ist nicht gefeuert zu werden. Gibt es eine Möglichkeit, kann ich dies tun? Habe

contenteditable div backspace und löschen von text-Knoten Probleme

Anzahl der Antworten 1 Antworten
Gibt es so viele Probleme mit contenteditable divs und löschen von html-und/oder inhaltlich nicht editierbare Inhalte in bearbeitbaren divs. Über eine Antwort durch die ausgezeichnete Tim hier Unten: So löschen Sie ein HTML-element in einem div mit

CSS: :Fokus der Elemente innerhalb contenteditable

Anzahl der Antworten 3 Antworten
Wenn Sie die folgende HTML: <div contenteditable="true"> <p>The first paragraph</p> <p>The second paragraph</p> </div> Gibt es einen Weg, um den Stil der Absatz, der bearbeitet wird anders als alle anderen Absätze im div ist contenteditable? div >

UIWebView mit contentEditable (html-Bearbeitung), first-responder-handling?

Anzahl der Antworten 5 Antworten
Mache ich eine html-editor-Komponente für eine app (mit UIWebView mit contentEditable in iOS 5.0), und bekam am stecken, wie Sie zu behandeln UIWebView first responder-status [webView isFirstResponder], [webView becomeFirstResponder] und [webView resignFirstResponder] scheinen nicht zu funktionieren, und

vermeiden ie contentEditable-element zum erstellen von Absätzen auf Enter-Taste

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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