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 würden Sie sparen eine contenteditable div Inhalt in einer Datenbank mit einem PHP-Formular?
1 Antworten
Ich habe ein Formular, das eine <textarea> dass würde ich gerne ersetzen mit einem <div contenteditable="true". Gibt es eine einfache Möglichkeit einfügen, dass der Inhalt in meiner MySQL Datenbank mit PHP? InformationsquelleAutor chromedude | 2011-03-31
So löschen Sie ganze span-Elements mit contenteditable umfasst drin?
1 Antworten
Ich habe eine contenteditable div. Innen habe ich einen 'Bruchteil' span, mit Bezug auf dieser link. Hier ist meine aktuelle code (die zahlen in den Spannweiten sind nur dummy-zahlen): <span style="display:inline-block; vertical-align:middle;" contenteditable="false"> <span style="display:block; min-width: 20px;border-bottom:1px
contenteditable div-Auswahl verliert, wenn ein anderer Eingang konzentriert
1 Antworten
Ich habe ein problem mit contenteditable div. Wenn ich ausführen wollen, einen einfachen Befehl (wie Fett oder Kursiv) auf ihn, ich Tue das folgende: merken Sie sich den div, da es den Fokus verliert, nachdem ich klicken
Machen Sie änderungen an einer Webseite und speichern Sie die änderungen lokal
2 Antworten
Ich will einen Weg finden, die ich haben kann, andere Bearbeiten Sie eine html-Webseite (lokal) und Ihnen zu ermöglichen, speichern Sie die änderungen, die Sie vorgenommen haben. Ich weiß, das ist eine seltsame Anfrage, ich habe eine
Sehen Sie, wenn ContentEditable div-Element den Fokus hat
4 Antworten
Versuche ich zu überprüfen, ob oder nicht eine contenteditable div-Element den Fokus hat, aber ich habe einige Schwierigkeiten. Hier mein code bisher: if ($("#journal-content:focus")) { alert("Has Focus"); } else { alert("Doesn't Have Focus"); } Das problem ist,
DIV Contenteditable erweitern problem
2 Antworten
Ich habe ein div mit contenteditable auf true gesetzt, zu handeln, wie eine Texteingabe. Jetzt in der Regel, es dehnt sich als text erreicht das Ende des div, aber wenn ich die Größe der div-Element, das verhindert,
Show-Tastatur für div mit contenteditable="true" in ios
3 Antworten
Ich habe ein div mit contenteditable="true". Wie kann ich einstellen, dass der Fokus auf dieses div per javascript(falls es möglich auf Reine js ohne jquery)? "(wenn möglich auf Reine js ohne jquery)?" jQuery ist geschrieben in reinem
div contentEditable aber Readonly
6 Antworten
Ich habe ein div mit text und ich möchte, wenn der cursor hover div um den text auszuwählen. Wenn ich lassen Sie dieses div-Element, wie es ist, wenn man versucht, alles auswählen (STRG+A) dann wähle ich alle
Legen Sie die caret-position in contenteditable div
1 Antworten
Intro Beim Bearbeiten der Inhalt einer contenteditable DOM-Objekt, verschiedene Browser haben unterschiedliche Verhaltensweisen. Zum Beispiel, Firefox 18.0 wird ein neuer Absatz erstellt (<p>) oder einen Zeilenumbruch <br/> in einigen Fällen, während Chrome 24 erstellt ein <div>. Um
Set cursor nach span-element im div contenteditable
4 Antworten
Wie kann ich den einstellen das der cursor nach einem span-element innerhalb eines contenteditable div? Jetzt habe ich ein Bild innerhalb eines span-Elements, innerhalb der contenteditable div. Wenn ich fügen Sie einige Zeichen, Sie sind innerhalb der
Automatisches scrollen, wenn contentEditable/designMode in einer UIWebView
5 Antworten
Ich bin versucht, eine rich-text-editor (mit HTML-export-Funktion) für eine iPhone-Anwendung, mit der ich arbeite, und beschlossen, iOS 5, WebKit-Unterstützung für contentEditable/designMode. Ich habe eine Wand schlagen mit einem Thema, das zu brechen, was ich brauche. Bei der
Im Stil einer HTML-Tabelle zu schauen, wie eine Tabellenkalkulation wie Google Docs
1 Antworten
Ich bin versucht, zu erstellen eine einfache Tabellenkalkulation (mit einer REST/JSON-Backend), die aussieht wie die Google Docs-Tabelle (oder Excel). Ich habe ein funktionierendes Modell, das verwendet HTML-Eingabefelder und Auswahlfelder. Ist es ein Weg, um Stil in diesem,
Zuverlässige cross-browser-info, die auf ContentEditable
3 Antworten
Ich bin auf der Suche für eine Liste von web-Browsern voll unterstützt mit ContentEditable. Ich weiß, dass die I. E hat unterstützt es seit 5 oder 5.5, aber was ist mit anderen Browsern. Ich weiß, dass die
How to get Cursor-position innerhalb contenteditable div mit html-Kind-Elemente?
2 Antworten
Arbeite ich mit contenteditable div, die die Möglichkeit haben, inline-html-Elemente wie tags in den text fließen. Auf bestimmte Punkte, die ich noch greifen Sie die Cursor-position haben aber festgestellt, dass mit dem Beispiel-code die position zurückgegeben werden,
JavaScript 'contenteditable' — Erste/ - Einstellung Cursor-Position
6 Antworten
Ich habe gelesen, ein paar Beiträge über die Positionierung der Einfügemarke, aber keiner scheint die Beantwortung meiner speziellen Frage. Ich habe 2 divs (div1 und div2) div1 = fest vorgegebenen div - div2 = contenteditable div beide
Einfügen als nur-text Contenteditable div & textarea (word/excel...)
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?
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?
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
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?
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?
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
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
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?
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
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
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
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?
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
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
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
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?
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
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
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
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
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
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"
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
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   " "bonjour\n bonsoir" => innerHTML = "bonjour<br>bonsoir" (Firefox)
Stellen Sie CSS-pseudoelement :before gleiche Höhe wie die Haupt-element
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)
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
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
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
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?
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
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
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
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
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?
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