Pytania otagowane jako contenteditable

contentEditable to atrybut HTML (wynaleziony przez Microsoft i znormalizowany w HTML5) używany do edycji tekstu sformatowanego w przeglądarce po stronie klienta.

10
Jak ustawić pozycję karetki (kursora) w zadowalającym elemencie (div)?
Mam ten prosty kod HTML jako przykład: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> Chcę prostej rzeczy - kiedy klikam przycisk, chcę umieścić kursor (kursor) w określonym miejscu w edytowalnym div. Podczas wyszukiwania w Internecie mam JS dołączony do kliknięcia przycisku, ale …
8
Ustaw pozycję kursora na contentEditable <div>
Szukam ostatecznego rozwiązania w różnych przeglądarkach, aby ustawić pozycję kursora / karetki na ostatnią znaną pozycję, gdy contentEditable = 'on' &lt;div&gt; odzyska fokus. Wygląda na to, że domyślną funkcją edytowalnego elementu div jest przesuwanie kursora / kursora na początek tekstu w elemencie div za każdym kliknięciem, co jest niepożądane. Uważam, …
7
React.js: zdarzenie onChange dla contentEditable
Jak słuchać zdarzenia zmiany dla contentEditablesterowania opartego na bazie danych? var Number = React.createClass({ render: function() { return &lt;div&gt; &lt;span contentEditable={true} onChange={this.onChange}&gt; {this.state.value} &lt;/span&gt; = {this.state.value} &lt;/div&gt;; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(&lt;Number /&gt;, document.body); http://jsfiddle.net/NV/kb3gN/1621/
6
Programistycznie zaznaczać tekst w edytowalnym z treścią elemencie HTML?
W JavaScript można programowo zaznaczyć tekst w elemencie inputlub textarea. Możesz ipt.focus()zaznaczyć wejście za pomocą , a następnie wybrać jego zawartość za pomocą ipt.select(). Możesz nawet wybrać konkretny zakres za pomocą ipt.setSelectionRange(from,to). Moje pytanie brzmi: czy istnieje sposób, aby to zrobić również w contenteditableelemencie? Odkryłem, że mogę to zrobić elem.focus(), …
4
z możliwością edycji, ustawianie daszka na końcu tekstu (cross-browser)
wyjście w Chrome : &lt;div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"&gt; hey &lt;div&gt;what's up?&lt;/div&gt; &lt;div&gt; &lt;button id="insert_caret"&gt;&lt;/button&gt; Wierzę, że w FF wyglądałoby to mniej więcej tak: hey &lt;br /&gt; what's up? aw IE : hey &lt;p&gt;what's up?&lt;/p&gt; niestety nie ma dobrego sposobu na zrobienie tego tak, że każda przeglądarka wstawia &lt;br …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.