JavaScript をきちんと学ぶのに参考になりそうなサイトをメモしておきます。
他にもいろいろとあると思いますが、取り合えず。
TrackBack URI : http://www.pragmatic.co.jp/blog/archives/39/trackback
コメント (2)WYSIWIYG エディタの TinyMCE の導入方法をメモしておきます。
まずは TinyMCE をダウンロードします。
ダウンロードページから TinyMCE をクリックしてダウンロード。
<html>
<head>
<title>TinyMCE Test</title>
<script language="javascript" type="text/javascript" xsrc="../jscripts/tiny_mce/tiny_mce.js" mce_src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
mode: "textareas"
});
</script>
</head>
<body>
<form method="post" action="">
<textarea name="content" cols="50" rows="15"></textarea>
<input type="submit" value="保存" />
</form>
</body>
</html>tinyMCE.init({
mode : "textareas"
});のところで設定が変更出来ます。
機能などシンプルにしたい場合はtheme: "simple"を追加します。多くの機能を使いたい場合はtheme: "advanced"にします。
実際に追加したコードはこうなります。
tinyMCE.init({
mode : "textareas",
theme: "simple",
});
tinyMCE.init({
mode : "textareas",
theme: "advanced",
});
ダウンロードページの Language packs で多言語化できるようですが、 Japanese をダウンロードして設定してもうまく表示できないようです。
取り合えず設定は ここから Language Package をダウンロードしてきて、TinyMCE のフォルダに入れておきます。
tinyMCE.init に language で設定した言語を指定します。日本語だと ja になります。
tinyMCE.init({
mode : "textareas",
language : "ja"
});その他いろいろと設定ができるようです。詳しくは document を参考にして下さい。
TrackBack URI : http://www.pragmatic.co.jp/blog/archives/8/trackback
コメント (0)JavaScript の WYSIWYG エディタライブラリを集めてみました。実際に利用される場合はライセンスなどをリンク先で確認して下さい。
関連記事：TinyMCE の導入方法
TrackBack URI : http://www.pragmatic.co.jp/blog/archives/6/trackback
コメント (0)
| 日 | 月 | 火 | 水 | 木 | 金 | 土 |
|---|---|---|---|---|---|---|
| « 2 月 | ||||||
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 | ||
HTML convert time: 0.562 sec. Powered by WordPress ME