1.はじめにリッチテキストエディタ
リッチテキストエディタ、リッチテキストエディタは、Microsoft Wordのに似た編集機能を提供RTE、言及しました。一般的なリッチテキストエディタ：
KindEditor http://kindeditor.net/
UEditor http://ueditor.baidu.com/website/
CKEdirot http://ckeditor.com/
ここでは、KindEditor使用の使用を紹介します。
2.ダウンロード
公式サイトを入力します。http://kindeditor.net/down.php ダウンロード（公式ウェブサイトでは、インターフェースを実証してきました）
ディレクトリ・インタフェースを見ることができ、開いているブラウザでindex.htmlをダブルクリックし、kindeditor \ kindeditor-4.1.10 \例：ダウンロード、解凍は、ディレクトリに移動します。
3.リッチテキストを作成するには
ビジネスニーズによると、リッチテキストの適切なタイプを選択します。最初のピック にdefault.htmlを （デフォルトモード）の説明
フロントエンドインターフェースコード導入CSS と JSを
<リンクのrel = "スタイルシート"のhref = "../テーマ/デフォルト/ default.css" />
<スクリプトのcharset = "UTF-8" SRC = "../ kindeditor-min.js"> </ SCRIPT>
<スクリプトのcharset = "UTF-8" SRC = "../ LANG / zh_CN.js"> </ SCRIPT>
オブジェクト操作リッチテキストの作成エディタを：
<スクリプト>
のvar エディタ。
KindEditor.ready（関数（K）{
エディタ = K.create（ 'TEXTAREA [NAME = "コンテンツ"]' 、{
allowFileManager：真
}）;
}）;
</ SCRIPT>
次のように使用して、リッチテキストコンテンツを取得するときは：
前記構成を説明、次のように：
K.createエディタオブジェクトを作成する手段
K.create（ 'TEXTAREA [NAME = "コンテンツ"]'、XXX）は、 コンテンツは、すなわち：<に対応するリッチテキスト配置テキストエリア名= "コンテンツ"を示すテキストエリア 名= " コンテンツ "スタイル=「幅： 800ピクセル、高さ400ピクセル、可視性：隠された;「> KindEditor </ TEXTAREA>
allowFileManager：[アップロードされたファイルを閲覧できるようにするかどうかをサーバー]
追加情報：
editor.html（）; // GET HTML
editor.isEmpty（）; //は空気か否かを判断します
editor.text（）; //は、テキスト（IMGを含む、埋め込み）を取得
editor.selectedHtml（）; //は、 HTML選択を取得
editor.html（ '<H3>こんにちはKindEditor </ H3>'）; //设置HTML
editor.text（ '<H3>こんにちはKindEditor </ H3>'）; // 設定されたテキスト
editor.insertHtml（ '<strong>を挿入HTML </ strong>の'）; // 挿入HML
editor.appendHtml（ '<強い> HTML </ strong>を追加します'）; // HTMLを追加
editor.html（ ''）; //クリア
4.パラメータ説明プロファイル
あなたがオブジェクトエディタを作成すると、以下のように、すべての設定を追加することができます。
allowFileManagerは、 [ブラウザはファイルサーバをアップロードできるようにするかどうか]
デフォルト値は次のとおりです。偽
----------------------------------- -------------------
allowImageUpload [ローカル画像をアップロードすることが許可されている場合]
デフォルト値は次のとおりです。trueに
------------------ ----------------------------
allowFlashUpload [フラッシュ]アップロードを許可する
デフォルト設定は次のとおりです。trueに
---------- ------------------------------------
allowMediaUploadマルチメディアファイルのアップロードを許可[か]
デフォルトは次のとおりです。trueに
- -----------------------------------------------
pasteType [設定ペーストタイプ]
0：無効ペースト、1：プレーンテキスト貼り付け、2：HTML貼り付ける（デフォルト）
----------------------------- ----------------------
resizeType [SET]エディタの大きさを変化させる可能性
0：1を変更しない：2の高さを変更することができる：幅と高さを変更することができる（デフォルト）
----------------------------- -----------------------------
ThemeType [テーマ]スタイルは
シンプルなシンプルを導入する必要性を指定し、「デフォルト」、「シンプル」に設定することができます.css
------------------------------------------------ -------------
のdesignMode [ビジュアルモード又はコードモード]
データ型：ブール
デフォルト値は次のとおり真（可視化）
----------------- -------------------------
afterCreate：関数（）{} []エディタが作成した後
afterCreateは：関数（）{
//アラート（「作成完全「）;
}
------------------------------------------
fontSizeTable [現像テキストサイズ]
データ型：Array
デフォルト値：[ '9px'、 '10pxの '、 '12ピクセル'、 '14px'、 '16px」、 '18px'、 'は24px'、 '32PX']
-------------------------------------------------- ---------------------
カラーテーブル [指定された色値のカラーピッカー]
データタイプ：配列
[
[ '＃E53333'、 '＃E56600'、「＃ FF9900 '' ＃64451D '' ＃DFC5A4 '' ＃FFE500 ']、
[' ＃009900 '' ＃006600 '' ＃99BB00 '' ＃1 B8D100 '' ＃60D978 '' ＃00D5FF「] 、
[ '＃337FE5'、 '＃003399'、 '＃4C33E5'、 '＃9933E5'、 '＃CC33E5'、 '＃1 EE33EE']、
[ '#FFFFFF'、 '#CCCCCC'、 '＃999999'、 ' ＃666666 '' ＃333333 '' ＃000000 "]
]
上記のデフォルトであります
-------------------------------------------- --------------------------------------
[ Ctrlキーを押しながらEnterを提出]
関数（）{：afterCreate
自己このVARを=。
KindEditor.ctrl（self.edit.doc、13は、関数（）{
self.sync（）;
//は他のイベントを実行
}）;
}
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ━━━━━━
VAR =エディタKindEditor.create（ '＃NR'）;
editor.focus（）; [エディタ]はフォーカスを取得
VAR HTML = editor.html（） ; []取得したHTMLコンテンツエディタの
VaRのテキストを= editor.text（） ; [テキストエディタを得る]
editor.remove（） ; [編集]除去
editor.html（ '<strong>コンテンツエディタ</ strong>の'）; [SET] HTMLエディタ
editor.textは（ '<strong>コンテンツエディタ</ strong>は'）;プレーンテキストエディタが提供され、HTMLコードが直接表示]
IF（editor.isEmpty（））{[エディタは、コンテンツが空であるか否かを判断する]
アラート（「あなた「を入力してください）;
falseに復帰;
}
editor.insertHtml（ 'を挿入する</ strong>の<strong>'）;カーソルエディタエリアに指定されたHTMLコンテンツ]
editor.appendHtml（ '<strong>の追加のコンテンツ</ strong>の'）。 [指定したHTMLコンテンツは、エディタ領域の最終位置に追加しました。]
Editor.fullscreen（）; [エディタフルスクリーンモード]。
（偽の）Editor.readonly ; // trueには：読み取り専用、偽：キャンセル[設定エディタは読み取り専用読み取り専用]