☰

jeditable WYSIWYG プラグインが Web ブラウザーによって動作が異なるのはなぜですか?

tag-icon • tag-icon browser html compatibility jquery wysiwyg
jeditable WYSIWYG プラグインが Web ブラウザーによって動作が異なるのはなぜですか?

通常、WYSIWYG エディターで文章を入力し、次の行にタグが必要な場合は Enter キーを押すと自動的にタグが挿入されます。ただし、jeditable WYSIWYG エディターを使用してこれを行うと、Internet Explorer でタグが<br>挿入され、Chrome でタグが挿入されます。<p></p><br>

しかし、<br>Mozilla ではタグが挿入されます (これは正しいものです)。IE では、jeditable WYSIWYG エディターで Enter キーを押す<p>代わりにタグが提供されます。<br>

私はインラインエディタとしてJeditableを使用しています（デモ</br>）。WYSIWYG エディターを使用していて、次の行に文章を入力すると、Firefox は正しいタグを使用して出力を表示します。

しかし、Chrome と Internet Explorer では異なる出力が表示されます。

例えば：

元の出力は、Lorem Ipsum<br>is simply dummy Firefox で正しく表示されるはずです。

しかし、Internet Explorerでは出力は<p>Lorem Ipsum</p><p>is simply dummy</p> 、Chromeでは<div>Lorem Ipsum</div><div>is simply dummy</div>

Firefox のように、これをすべてのブラウザで同じにするにはどうすればよいでしょうか?

答え1

のデモ非常に古いバージョンを使用していますウィジウィグプラグイン（推奨）ここ) の場合は、アップグレードされたコードを使用する必要があります。

これは、エディターが初期化され、テキスト領域からコンテンツが読み込まれていない場合に、 が配置されるために発生していました<br>。

おそらくあなたが探しているコミット修正は次のとおりです:

README での brIE オプションの説明と、同じ機能のためのコード リファクタリング著者: stianlik。

ENTER キーを押すと、スタイルが「段落」にリセットされなくなり、ユーザーがツールバーで明示的に「段落」を選択するまで「ヘッダー 1」と入力され続けます。

brIEこの動作を制御するにはオプションを使用します。README詳細については。

関連している：

関連情報