問題タブ [richtextediting]

ユーザーがカレンダーイベントを入力できるようにする小さな Web アプリケーションに取り組んでいます。イベントの説明については、次のことができるようにしてほしい:

• 太字を設定する
• 斜体のテキストを設定する
• リンクを作成する
• 絶対に他に何もない

たとえば、誰かが Word から "Nasty Hot Pink Text" を貼り付けようとした場合、私はそれが彼らのよこしまな小さな心が望むようには機能したくありません :)。

これまでのところ、YUI リッチ テキスト エディターと TinyMCE を試してみましたが、それらを快適に使用できるようにするために十分な機能をオフにすることができませんでした。保存時に TinyMCE にすべてを削除させることはできますが、設計時にフォーマットが表示されます。私には使い勝手が悪いように思えます。さらに、YUI エディターは XHTML を出力しません。

Markdown エディターは、私が望む機能セットに最も近いと思いますが、WYSIWYG がないことは人々を混乱させると思います。

誰にも解決策がありますか？

Web ページに統合できる優れた WYSIWYG エディターを探しています。これにより、ユーザーは、コマンドや構文の新しいセットを学習したり、テーブルを削除しようと夢中になったりすることなく、手紙や法的契約などを編集できます。または画像のサイズを変更します。

関連する質問を読みました。そして、fckeditor、tinymce、ephox など、おそらくより優れたもののほとんどを使用してきました。そして、他の多くを見てきました。私が本当に優れた編集者だと思うものはどれもありません。

編集に関してはEphoxが一番良かったです。しかし、それは重い Java アプレットです。理想的なソリューションは、JavaScript ベースです。ブラウザーが制限要因であることは承知しており、私が望む場所にたどり着くには、おそらく 1 世代以上かかるでしょう。

助言がありますか？市場に出てくる新しいものはありますか？

ページ内に IFrame があり、小規模なリッチ テキスト編集のためにこの iframe で designMode="on" を使用しています。

私の懸念は、ユーザーが新しい行を入力できるようにする必要がないことです。つまり、入力キーを制限したいのです。

ここに投稿された質問を使用して、キープレスイベントをリッスンしました。しかし、キープレス イベントでfalse を返すと、何も起こりません。

designmode で Iframe の Enter キーを制限するにはどうすればよいですか?

コード :

WYSIWYG エディタで画像を挿入しようとしていますが、Firefox では問題なく動作しますが、Internet Explorer(6/7) では画像を挿入できません。エラーをスローせずに失敗します。

これは私が使用しているものです：

リッチ テキスト エディターに統合するためのオープン ソース/無料の 32x32 以上の「オフィス」アイコンの完全なセットを知っている人はいますか?

• コピー
• ペースト
• テキストの色
• 背景色
• ボールド/イタリック/アンダーライン

?

リッチテキストエリアとして使用するcontentEditabledivを作成しました。それは私が取り除きたいサイズ変更ハンドラーをその周りに持っています。私がこれをどのように行うかについて何か考えはありますか？

編集：これは、私がdivを絶対に配置しているために発生しているようです。そのため、Firefoxは、オフにできない要素に腹立たしい_moz_resize属性を追加します。

FireFox 3 で contentEditable の使用に問題があります。カーソルが div の上に表示されるか、div をクリックした後に部分的にしか表示されないという問題があります (正しく動作するように入力を開始するまで)。これが起こらないようにする方法についてのアイデアはありますか?

HTML:

I want to create a text field with some text, that is styled with tags. Think of MS Word, some ext is bold, some is a headline, etc. The tags that style the text are not visible to the user, he just sees the text in bold.

How do I preserve these tags? I mean when I backspace over the closing bold-tag, for example, how do I preserve that and prevent that the rest of the text is now bold until the end?

I guess this is a pretty basic question for experiences programmers. Are there any algorithms or best practices? This problem surely has been solved before, any pointers?

(If this is of any concern, I develop for the iPhone OS and the text field will be a UITextView, but my question is more general I guess.)

Thanks in advance!

私は何をしたいですか？

のように機能する div が必要です。divtextarea内のものを編集したり、画像などをプレーンテキストだけに貼り付けたりする機能は必要ありません。

例

www.facebook.com - 最良の例は、 facebook のニュースフィードです。

なぜこの方法が必要なのですか？

フェイスブックのニュースフィードをチェックしてみると、投稿を書いたり、エントリーをたくさんしたりすればするほど、投稿できる範囲が広がっていくのがわかります。

これは、textarea ではそれができないため、contentEditable で div を使用したいのと同じ理由です。#

JQUERYのみのJAVASCRIPTは使用しないでください