textarea に RichTextEditor をインストールする

このエディターをフォームで送信する場合は、必須項目の検証と textarea の同期の手順に従ってください。

1. コンパイル済みの JS と CSS

Richtexteditor をもっとも早く入手する方法は、コンパイル済みで縮小された CSS と JavaScript をダウンロードすることです。

2. JS と CSS を読み込む

<link rel="stylesheet" href="/richtexteditor/rte_theme_default.css" />
<script type="text/javascript" src="/richtexteditor/rte.js"></script>
<script type="text/javascript" src='/richtexteditor/plugins/all_plugins.js'></script>

3. エディターに入れたいコンテンツをすべて含む、新しい TEXTAREA 要素を作成します。

<textarea id="inp_editor1" >
 &lt;p&gt;Initial Document Content&lt;/p&gt;
</textarea>

4. <textarea id="inp_editor1"> を richtexteditor のインスタンスに置き換えます。

<script>
    var editor1 = new RichTextEditor("#inp_editor1");
</script>

5. エディターをカスタマイズする

rte.js ファイルの先頭には、通常の JavaScript で書かれた編集可能な RTE_DefaultConfig ブロックがあります。難読化されているのは、その下にあるライセンス対象のエディターのコードだけです。任意のテキストエディターで rte.js を開き、RTE_DefaultConfig の値（スキン、ツールバーのプリセット、言語、アップロードのエンドポイント、キーボードショートカットなど）を調整すれば、再ビルドせずにエディターの既定値を全体的に変更できます。オプションの全一覧は設定リファレンスを参照してください。