contenteditable

8熱

1答えて

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

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

5熱

2答えて

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

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

6熱

1答えて

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

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

5熱

2答えて

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

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

6熱

4答えて

contenteditableの特定の変更を聞く？

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

10熱

1答えて

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

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

8熱

1答えて

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

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

5熱

3答えて

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

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

9熱

4答えて

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

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

7熱

1答えて

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

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