それは、より有名なjWysiwygにいくらか似ています。 それが小さいという事実にもかかわらず、それは以下の機能を備えていません。 私の意見では、コードは非常に便利に、非常に簡単に拡張可能に編成されています。 また、大きな利点は、メニュー内のアイコンを任意の順序で配置できることです。
IE6サポートは宣言されていないという事実にもかかわらず、その中でうまく機能します。 Operaも動作します。
デモンストレーション
jHtmlAreaの初期化は簡単です。
$("textarea.wysiwyg").htmlarea({params});
1つのページで、
<textarea class="wysiwyg">
上に好きなだけエディターを作成できます。
機能を拡張するために、非常に便利なpasteHTML()メソッド、例があります。
$("textarea[name=html]").htmlarea({
toolbar: ["html", "bold", "italic", {
css: "smile",
text: " ",
action: function (btn) {
this.pasteHTML(":-)");
}
}
]});
この新しいアイコン(スマイル)をツールバーに表示するには、CSSで記述するだけで十分です。
div.jHtmlArea .ToolBar ul li a.smile {background: url(img/smile.png) no-repeat 0 0;}
パラメータでは、編集したドキュメントで使用するCSSを指定できます。これは非常に便利で、サイトと同じ方法で表示内容を確認できます。
唯一のマイナス(私にとって)は、入力フィールドの固定幅であり、textareaにもありますが、これは簡単に修正できます。入力フィールドの幅の変更をコードから削除するだけです。 ビジュアルエディターでキーボードイベントとマウスイベントを処理しないという別のエラーが見つかりました。$(this.editor.body).click(fnTA)...を$(this.editor).click(fnTA)...
私にとって、jHtmlAreaは真の発見であり、jWysiwygを完全に置き換えました。