contenteditable

6熱

4答えて

警告：私はがcontenteditable要素の変化をリッスンイベントを持つことができます知っているを読んで、既存の質問と重複しません。は、が何であるかを知ることができます。例えば：は、 "これは文である。" 挿入しました位置Xで<strong> とYにXからフォーマットされたをYに位置Xから削除が可能ということですか？（私はを意味差分を取ることによって以外）この理由は、例えば、マ

5熱

2答えて

jscriptでコンテンツを編集した後、contenteditableにキャレットポジションを維持する

各テキストの変更後にコンテンツが編集されているcontenteditable divがある（textchange.js）HTMLタグを追加するようなもの（一部の単語の色を変更するスパンタグのみ）、ここでいくつかの空白を追加または削除していますが、ユーザーが編集中にコンテンツが変更されているので、キャレットはキーを押すたびに位置が変わります。私はこのジャンプを回避する方法を探していますが、私はすで

8熱

1答えて

Firefoxでテキストのみを許可するHTML5 contenteditable divを作成するにはどうすればよいですか？

私は、テキストのみを許可しているcontentEditable属性でdivを作成したいと思います。 <div contenteditable="plaintext-only"></div> ただし、Firefoxでは動作しません。 Firefoxでテキストのみのcontenteditable divを作成する方法はありますか？私はそれが可能であることを知っている、なぜならGoogle Plus

8熱

1答えて

AngularJsを使用して、contenteditable divにプレーンテキストとしてHTMLコンテンツを貼り付けます

特定のドキュメント（pdf、docx、html）から選択したテキストをcontenteditableタイプのdivに貼り付けます。がレンダリングされる前にクリップボードテキストのすべての書式を削除します。。したがって、貼り付けられる最終コンテンツは平文でなければなりません。このシナリオのアナログは、コンテンツをWindowsのメモ帳に貼り付けることができます。これはどのようにAngularJ

5熱

3答えて

htmlテーブル内で使用されるcontenteditableの文字入力を制限する方法

現在、Webページ内にhtmlテーブルを使用して、ユーザーが特定の詳細を入力できるようにしています。しかし、文字入力に制限がないので、ユーザが望むだけ多くの文字を入力すると、テーブルは大きく伸びる可能性があります。私は、これが起こらないようにこのcontenteditableを制限する方法を知りましたか？以下はは、しかし、私が理解するのに苦労していますjQueryとアマチュアの開発者に新しいも

9熱

4答えて

ContentEditable DIVで選択したテキストを取得しますか？

私はRailsアプリケーションにcontenteditable divを持っていて、強調表示されているときにテキストの上に小さなポップアップを表示できるようにする必要があります。現在、私は動作するコードを持っており、強調表示されたテキストをアラートに表示します。しかし、この関数はmouseupで実行されるので、divをクリックして入力またはハイライトを開始すると、空のアラートがスローされます。 f

7熱

2答えて

タグを含むcontenteditable divのキャレット位置を取得

私は複数のタグ（br、b、u、i）とテキストを持つcontentedit divを持っており、divを基準にしてキャレットの位置を取得する必要があります。例えば： <div id="h" contenteditable="true">abc<b>def<br>ghi</b>jkl</div> カーソルがGおよびHの間にある場合、私は問題14 ことがキャレット位置を必要とするがTreeWalk

5熱

2答えて

Chromeの青色のフォーカスアウトラインのデフォルトのスタイルは何ですか？

contenteditable divを使用するwebappがあります。私はChromeにどのように表示されるのが好きです：フォーカスすると、Chromeはdivの周りに素晴らしい青色の輝きを表示します。しかし、Firefoxでは私は醜い破線の輪郭を得る。これまでに私が見たことは、div：focusのアウトラインを変更するとChromeはデフォルトのブルーフレームを表示しなくなることです。私の

10熱

2答えて

contenteditable div内のHTML5のドラッグ可能な要素 - 最初のドロップ後に機能しなくなります - なぜですか？

私はcontenteditable divの中でドラッグできるいくつかのドラッグ可能な要素（トークン）を作成しようとしています。それ以外はすべて動作しているようです... 1つの要素をドラッグしてドロップした後、再びドラッグすることはできません。それは私がそれに再びバインドできないようです。なぜこのようなことが起こり、どのように修正できますか？ここでは私のバイオリンへのリンクです：http:/

6熱

1答えて

フレックスボックスでコンテンツを中心にセンタリングするときのキャレットの位置

OSX Chrome 45でテストしたところ、はコンテンツ用に機能していますが、下の空の編集可能アイテムをクリックすると入力を開始するまでキャレットの位置が中央になりません。これを上部/下部平衡パディングで解決する唯一の方法はありますか、またはこれをピクセルシフトなしで動作させる方法がありますか？おかげ [contenteditable="true"] { border: 1p