2011-07-22 7 views
0

<textarea>をリッチテキストエディタに変換する、軽量のJavascriptベースのWYSIWYGエディタが必要です。これらのプラグインは何千もあります(私はそれらをすべてデモしたようです)。私のコントロール外の理由から、私は従来のHTMLを生成するためにエディタが必要です... <strong>または<span style=...>の代わりに<b>と書く必要があります。Javascript WYSIWYG textareaプラグインはブラウザ間で矛盾した結果を生成しますか?

Fine。問題ない。これを行うことを主張するものはたくさんあります。しかし、私は奇妙なことがあります:私はこれらの編集者の大部分で、私が演奏したこと、彼らは異なるブラウザで異なるものを出力することを発見しています! Chromeは<b>を出力しますが、Firefoxは<span style="font-weight:bold">を出力します。例えば

、ChromeとFirefoxの両方でこれらのエディタで大胆を適用してみてください。

http://nicedit.com/

http://freshcode.co/plugins/jquery.contentEditable/demo.html

http://www.gosu.pl/steditor/

http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html

参照してください? Chromeでは<b>ですが、Firefoxでは<span style="font-weight:bold">となります。奇妙な!

アイデア?

+0

ようこそ。すべてのブラウザはDOMを違った方法で解釈しています。私はこれらのエディタの1つをInternet ExplorerやFirefoxとの互換性を失うという嫌な義務を負いました。私は本当に良い解決策を知らない。 – Caimen

+0

ええ、私は何度もブラウザ地獄に慣れてきました。これはちょうどブラウザの不一致を超えています。スパンはどこから来ますか? Firefoxはそれを書いていますか? – Sam

+0

はい、FirefoxはDOMオブジェクトとしてFirefoxに送信しているので、Firefoxはそれを書き込んでいます。そして、Firefoxはそれを解釈し、独自のバリエーションを吐き出します。理想的には、ブラウザをうまく使用せずにこれを処理するWYSWIGソリューションが必要です。 – Caimen

答えて

1

あまり知られていないエディタを検索するのではなく、CKEditorやTinyMCEのように最も一般的に使用されているエディタで始める必要があります。

チェックCKEditorバージョンでは、このサンプル:ブラウザ地獄へ http://nightly.ckeditor.com/latest/ckeditor/_samples/output_html.html

+0

これは有効です(ただし、CKEditorとTinyMCEはどちらもこのプロジェクトでは残酷です)。しかし、ブラウザの出力が根本的に異なる理由はまだ説明されていません。何かご意見は? – Sam

+0

現在、contentEditableビヘイビアの仕様を作成するための努力がありますが、これまでのところ何も存在しませんでした。 IEはそれを作成したものでしたが、Firefoxはリバースエンジニアリングによっていくつかの動作を実装し、独自のカスタムパーツを拡張して実装しました。ついにWebkitが登場し、ユーザーのことをあまり気にしなくても満足しました。それでもイメージのサイズ変更はできません)。非常にシンプルなエディタを使用して、ブラウザ間で多くの相違点に直面するか、またはそれをさらに使用してニーズに合わせてカスタマイズすることができます。 – AlfonsoML

関連する問題