問題タブ [richeditabletext]

ユーザーが要素に改行を挿入するとcontenteditable、ブラウザーは要素に HTML を挿入します。

[Enter]さまざまなブラウザでヒットすると、次のようになります。

(この JSFiddle demoで自分でテストしてください。)

ユーザーが HTML を挿入していないときにブラウザに HTML を挿入させないようにする方法はありますか? もちろん、私はただ使うことができました

...そして、それは私が望む方法と非常によく似た動作をしますが、Javascript を使用して編集可能な要素に HTML を追加および変更するため、厳密に「テキストのみ」の入力は必要ありません。

私は常に、ユーザーが入力するすべての HTML を取り除き、私が作成した特別なクラスを持つ HTML のみを残すことを検討しました。ただし、それは優れた解決策とは思えません。「HTMLを作成して要素に入れるのをやめてください！」と言うような何か、wrap='soft'または他の方法はありますか?

私は、WordPress ページ クリエーターや Stack Overflow ポスト クリエーターに似た、オンラインのリッチ テキスト エディターに取り組んでいます。オンライン リッチテキスト エディターには、次の 2 つの異なるタイプがあることが指摘されています。

1. WYSIWYG エディター、および
2. HTML エディター

私は2番目のタイプを構築しています。残念ながら、どちら<textarea>もcontenteditableHTML リッチテキスト編集にはあまり便利ではありません。

(スタック オーバーフローで使用されている)の問題は、編集フィールドにテキスト レベルのセマンティクス<textarea>を表示できないことです。単語をハイライトして太字にするだけではなく、ある種のマークアップ (例: *****太字*****) を挿入する必要があります。あまりユーザーフレンドリーではなく、実際に「リッチ」なテキストでもありません。

一方、使用contenteditableするとこれらの問題は解決しますが、制御の問題が生じます。ブラウザーは、編集フィールドの見栄えを良くするために、あらゆる種類の HTML と CSS を挿入します。を押すと、ブラウザによっては、または、または、または...Enterが挿入されます。HTML からコピーしたいくつかの段落を貼り付けると、大量の過剰なマークアップが作成されます。ソース HTML の内容をも超えています。たとえば、次のソース コードは次のとおりです。<p><div><br><div><br></div>

Web サイトでは次のように表示されます。

...これをコピーしてcontenteditableフォームに貼り付けると、次のようになります。

...インライン スタイルを導入し、場合によっては追加の HTML を導入します。

ブラウザーが要素に挿入する HTML の量を制限および制御する方法を見つけようとしていますが、それは WYSIWYG タイプの編集にのみ適してcontenteditableいると考え始めており、HTML スタイルのリッチテキストでは機能しません。contenteditable編集。

3 番目の選択肢はありますか、または誰かが私のニーズを満たす Javascript エディターを作成しましたか?

Flex を使用して大きなテキストのワード ファインダーを開発しています。そこで、RichEditableText を使用してテキスト全体を表示し、単語を見つけたら、そのテキストの一致するすべての単語を別の色で表現したいと考えています。そのため、次のように、一致するすべての単語を html の色を変更するタグに置き換えます。

そして、次のように HTML として RichEditableText に設定します。

これは夕食にうまく機能します。

今、私には新しい要件があります。そこでは、元のテキストを XML にすることができます。次に、色が変わる HTML タグを使用して XML を HTML として RichEditableText に設定すると、XML タグも HTML タグとして使用されるため、すべてがクラッシュします。

そこで、XML の < と > の記号を < と > に置き換えてみました。

その後、RichEditableText はそれらを < および > 歌にレンダリングしません。< と > をそのまま表示します。

誰かが私にこれに対する解決策を提案できますか?

このコードに問題があります:

テキストを実行すると、スペースなしで表示されます:

「タブ付きテキスト」

解決済み

私は最終的に解決策を見つけます：

RichTextEditorを使用していくつかのページを構成し、結果のHTMLテキストフローをデータベースに保存して後で使用できるアプリケーションがあります...

を使用して保存したデータを Flex にインポートするRichEditableTextと、まったく問題はなく、期待どおりの結果が表示されます (視覚的およびグラフィカルに)...

保存された HTML 文字列を TextFlow に変換するには、次を使用します。

header.textFlow = TextConverter.importToFlow(p.FIELD, TextConverter.TEXT_FIELD_HTML_FORMAT);

保存された HTML 文字列を、Flash 環境ではなく、単一の HTML Web ページで使用したいと考えています... adobe HTML 形式を標準 HTML に変換するネイティブ クラス/関数を使用してこれを行うことはできますか?

これは、格納された HTML 文字列の例です。

上記のコードをコピーして html ページに貼り付けると、最終結果は Flash/Flex で取得したものと似ていますが、フォントははるかに大きく、一部のタグは html タグではありません...

モバイル プロジェクトでチャット プログラムを作成しましたが、顔文字を追加できません。テキストエリアが画像を表示できないことはわかっているので、しぶしぶ RichEditableText を使用します。画像を追加することはできますが、文字 (文字と漢字) を入力できない電話のデバッグでは、数字と句読点のみを入力するだけです。または、テキストと画像を追加して解決する他の方法がありますか?</p>

ユーザーがボタンを押したときに、Android編集テキストに箇条書きリストと番号付けリストを適用しようとしています。そのために、以下のコードを試しました。

弾丸用

およびナンバリング用

NumberIndentSpan.java

上記のコードを使用して、特定の位置に箇条書きと番号を追加できますが、問題は、Enterキーを押すと次の行に自動的に箇条書きを追加し、テキストを入力せずにEnterキーを押すと、次のような機能を実装したいことです2行目にテキストを入力してEnterキーを押すと、その箇条書きを削除する必要があります。次の行にも箇条書きを追加する必要があります。このアプリケーションと同様の機能。 https://play.google.com/store/apps/details?id=com.hly.notes

番号リストでも同じですが、常に追加されます1）値は増分されません。また、番号リストについても同様の機能の王様を実装したいと思います。番号リストを適用してEnterキーを押すと、自動的に2が追加されます)次の行へ。

誰でもこれを達成する方法を知っています。前もって感謝します。