contenteditable

10熱

1答えて

テキストエイリアンまたはcontenteditable divの絵文字のサポート

textareaコンポーネントを実装すると、絵文字がサポートされます書く。 Iは、元のテキスト濾過/生成されたHTML結果を提示しながら（アスキー文字のみ）（角度絵文字とをフィルタリング）divにバックアップできるようにします。私の最初の溶液は <textarea ng-model="text" ng-change="..." ng-focus="..."></textarea> <div n

0熱

2答えて

挿入するテキスト - 現在クリックされた要素の中に挿入していないテキストフィールド

この機能が見つかり： function insertTextAtCursor(text) { var sel, range, html; sel = window.getSelection(); range = sel.getRangeAt(0); range.deleteContents(); var textNode = document.cr

2熱

1答えて

内容編集可能なカーソル位置を編集可能なdivにしたときに、テキストエディタのポップアップが発生しました

jqueryコンテンツの編集可能なコードを作成しようとしています。編集のタイプを選択するために編集可能なボタンとポップアップが表示されます。今すぐボタンをクリックすると、テキストエディタがポップアップしてテキストをフォーマットします。ボタンをクリックすると、編集可能なdivから出てくるカーソルまたはポインタが表示されます。 jqueryを使用してコンテンツを編集可能にしていますここに私のコードで

0熱

2答えて

execCommandをcontentEditable divに適用するボタンにクラスを適用する

コンテンツ編集可能なdivでexecCommandを実行するときにボタンをアクティブに保つ方法はありますか？例： <input type="button" onclick="doRichEditCommand('bold');" value="B"/> function doRichEditCommand(command){ document.execCommand(command

0熱

2答えて

React：動的コンポーネントの参照の作成と参照

私は、任意の量のサブコンポーネントを追跡しようとしています。通常はthis.refs.refNameを参照するだけですが、私の場合、私は追跡する必要がある任意の量の参照を持っています。私は間違って私に知らせて問題にアプローチしていた場合 var NamesList = React.createClass({ getAllNames: function() { // Someh

0熱

1答えて

DropEventからドロップされたデータをHTMLとして取得する方法は？

contenteditableの中にチップ要素を持っていて、ドラッグ可能なものが&でなければなりません。 my github repoで、このうまく機能していないものを見ることができます。私が今までの仕事をどのようにしていたかの話は別のもので、日のために苦労した後、私は最終的にすべてのケースの90％を言いましょう。一つ残っている問題は、しかし、テキストを選択し、&は、このテキスト領域の内側にそ

7熱

1答えて

キーボードでChromeでcontenteditableのテキストを選択できない

Chromeでは、テキストに長い文字列が含まれていて次の行に囲まれている場合、Chromeでキーボードを使用してコンテンツ編集可能なテキストコンテキストを選択できません。このレクロはChrome版（最新版、これは私がこれを書いている時点ではChrome 47です）。リプロ（下記のスニペットに）contentedtableのdivの最後にカーソルを置くためにクリックを繰り返します。シフトを押

1熱

2答えて

セットカーソル

私は、タグが、その中スパンで置き換えられた単語を挿入したタグでテキストを...含む単純なコンテンツの編集可能な... <div contenteditable=true> text text text <span class="tag">tag</span> </div> これを持っています次に、カーソルを編集可能なコンテンツの末尾に（スパン外に）順番に配置する必要があります（

1熱

1答えて

contenteditable divのノード構造を初期化してカスタマイズする方法

この質問は2つの部分に分かれます。私はreturnが入力されると、新しい要素が<p>なりのcontentEditableのdivを作成したいと思います。私は1つの解決策を探すことを決めました document.execCommand('defaultParagraphSeparator', false, 'p'); これはうまくいきますが、問題は、divが初期化されたときに、最初の行が<p>で囲

5熱

2答えて

Javascript - [contenteditable]の子要素のキャレットの背後にある要素を取得する

Javascriptでシンプルで使いやすいテキストエディタ、基本的にはWYSIWYGエディタを構築しています。私はcontenteditable属性をメインラッパー（.wrapper）に使用します。 .wrapperの中でEnterキーを押すと、ユニークなidの新しい<p>要素がラッパーに追加されます。 .wrapperのうち、現在選択されている（つまり、フォーカスされているか、内部にキャレット/