Als «contenteditable» getaggte Fragen

contentEditable ist ein HTML-Attribut (von Microsoft erfunden und in HTML5 standardisiert), das für die clientseitige Bearbeitung von "Rich Text" im Browser verwendet wird.

9
Wie setze ich die Caret (Cursor) Position in contenteditable element (div)?
Ich habe dieses 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 möchte eine einfache Sache - wenn ich auf die Schaltfläche klicke, möchte ich Caret (Cursor) an einer bestimmten Stelle im bearbeitbaren Div platzieren. Bei der Suche über …
7
React.js: onChange-Ereignis für contentEditable
Wie höre ich, um ein Ereignis für eine contentEditablebasierte Steuerung zu ändern ? 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); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number …
6
Programmgesteuert Text in einem inhaltsbearbeitbaren HTML-Element auswählen?
In JavaScript ist es möglich, Text in einem inputoder textareaElement programmgesteuert auszuwählen . Sie können eine Eingabe mit fokussieren ipt.focus()und dann ihren Inhalt mit auswählen ipt.select(). Sie können sogar einen bestimmten Bereich mit auswählen ipt.setSelectionRange(from,to). Meine Frage ist: Gibt es eine Möglichkeit, dies auch in einem contenteditableElement zu tun ? …
4
inhaltsbearbeitbar, Caret am Ende des Textes setzen (browserübergreifend)
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 an FF würde es ungefähr so ​​aussehen: hey <br /> what's up? und im IE : hey <p>what's up?</p> Leider gibt es keine gute Möglichkeit, es so zu machen, dass jeder Browser …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.