← すべてのドキュメント

div 要素に RichTextEditor をインストールする

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. エディターに入れたいコンテンツをすべて含む、新しい DIV 要素を作成します。
<div id="div_editor1" >
<p>Initial Document Content</p>
</div>
4. <div id="div_editor1"> を richtexteditor のインスタンスに置き換えます。
<script type="text/javascript">
    var editor1 = new RichTextEditor("#div_editor1");
</script>
5. エディターをカスタマイズする

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