KindEditorの設定および使用

2年 ago
桜, 春樹
1 minute

KindEditorを導入して使用する場合は、次の手順に従ってください。

配置手順：

KindEditorのZIPパッケージをダウンロードし、プロジェクトフォルダで解凍します。

HTMLページにKindEditorのCSS、JavaScript ファイルを読み込みます。例：

   <link rel="stylesheet" type="text/css" href="path/to/kindeditor.css">

<script type=”text/javascript” src=”path/to/kindeditor.js”></script>   “`



3. エディタの容器として、textarea タグを作成します。例：


   <textarea id="editor"></textarea>


“`


4. 使用JavaScript初始化KindEditor。例如：


“`javascript


var editor = KindEditor.create(‘#editor’, {


// 配置项…


});




使い方


初期化は完了しました、あなたはeditorを介してエディターを操作できます。


エディタのHTMLコンテンツを取得します。


     var htmlContent = editor.html();


エディターの HTML コンテンツを設定します。


     editor.html('<p>This is the new content.</p>');


エディターのプレーンテキストの内容を取得します。


     var textContent = editor.text();


テキストや HTML コンテンツを挿入するには


     editor.insertHtml('<p>This is some inserted content.</p>');


太字、斜体などの別エディターコマンドを実行：


     editor.cmd.doBold();


必要に応じて、KindEditor のドキュメントを参照して、さらに多くの設定項目と機能をご確認ください。


KindEditorは更新が終了しましたので，CKEditorやTinyMCEなどのより新しいリッチテキストエディタをご利用ください．

        


        
        

			        

    


	



		            	                        

        


    

















  
    bannerAds