1.kindeditorプロフィール

KindEditorは、ユーザーがサイト上で結果を取得することができ、開発者は、ビジュアルリッチテキストの入力に置き換え、従来の複数行のテキスト入力ボックス（テキストエリア）を置くことができ、主にWYSIWYGエディタのために、オープンソースのオンラインHTMLエディタですKindEditorボックス。KindEditor JavaScriptで書かれた、あなたがシームレスにCMS、店舗、フォーラム、ブログ、ウィキ、電子メールや他のインターネットアプリケーションでの使用に適して、Javaや.NET、PHP、ASPおよび他の手順と統合することができます。

主な特長：

高速：小型、高速な読み込み速度
オープンソース：オープンソース、高レベル、高品質
下：カスタム内蔵DOMライブラリー、精密な操作DOM
拡張：設計プラグインベースの、すべての機能は、需要の変化に応じてプラグイン関数であります
スタイル：スタイルエディタを変更することは非常に簡単で、単にCSSファイルを変更
互換性：そのようなIE、Firefoxの、サファリ、クロム、オペラなど、ほとんどの主要なブラウザをサポートしています

公式ダウンロード：http://kindeditor.net/down.php

2.Djangoでkindeditorを導入

2.1テンプレートのコード：

<divのクラス = " コンテンツ形式のグループ" > 
    <ラベル用 = "" >コンテンツ（Kindeditorエディタがドラッグアンドドロップ/ペーストアップロード画像をサポートしていません）</ label>は
    <div>の
        <TextAreaの名= " コンテンツ"上記のIDを述べ= " article_contentの" COLS = " 30 "行= " 10 " > </のTextArea> 
    </ div> 
</ div> 

<INPUTタイプ= " 送信"  クラス = " BTN-BTNプライマリ」=値「送信」 >


<スクリプトSRC = " /static/js/jquery-3.3.1.min.js " > </ SCRIPT> 
   <スクリプトのcharset = " UTF-8 " SRC = " /static/blog/kindeditor/kindeditor-all.js " > </ SCRIPT> 

    <SCRIPT> 
            KindEditor.ready（関数（K）{ 
                    window.editor = K.create（' #article_content ' 、{ 
                        幅：" 100％" 、
                        高さ：" 600 " 、
                        resizeType：0、
                        uploadJson：" /アップロード/ " 、
                        extraFileUploadParams：{ 
                            csrfmiddlewaretoken：$（" [NAME = 'csrfmiddlewaretoken'] " ）（）.val 
                        }、
                        filePostName：" upload_img " 


                    }）。
            }）; 
    </ SCRIPT>

2.2効果ショー：

これは、中ジャンゴでkindeditorエディタの導入の最初の導入を完了します。

あなたはjQueryのことでテキストの内容を取得したい場合は、取得機能にステートメントを追加する必要があります。

$（' .Primary-BTN ' ）.click（関数（）{ 
            editor.sync（）;        ＃公式文書を参照して、このメソッドを追加 
            するvar内容= $（' #article_content ' ）.val（）; 
            （はconsole.logをコンテンツ）; 
            }）

Django--テキストエディタ

1.kindeditorプロフィール

2.Djangoでkindeditorを導入

2.1テンプレートのコード：

2.2効果ショー：

おすすめ