articles

2010 年 9 月 9 日

jHtmlAreaのデフォルトのツールバー

CATEGORYjavascriptjQueryWYSIWYG  12:58 PM

jHtmlAreaのデフォルトのツールバー
デフォルトであるサイズを変更するボタンとか追加したいなと思ったのですが
いまいちどこにあるのかわかりませんでしたので。

["html"], ["bold", "italic", "underline", "strikethrough", "|", "subscript", "superscript"],
["increasefontsize", "decreasefontsize"],
["orderedlist", "unorderedlist"],
["indent", "outdent"],
["justifyleft", "justifycenter", "justifyright"],
["link", "unlink", "image", "horizontalrule"],
["p", "h1", "h2", "h3", "h4", "h5", "h6"],
["cut", "copy", "paste"]

そしてツールバーの項目を変更する際のスクリプト

$(function(){
   $("textarea#content").htmlarea({
    toolbar: [
     ["html","|", "bold", "italic", "underline", "|", "forecolor"],
     ["increasefontsize", "decreasefontsize"],
     ["link", "unlink", "|", "image"],
     ["cut", "copy", "paste"]
	  ]
   });
});