kindeditorのテキストエディタ

要約:突然、サイトを構築し、サイトを構築したい、自分の時間での最近の研究で、私は良いことに気づいた、そしてそれは、テキストエディタ、使いやすく、そして非常に小さな編集者、およびオープンソースであるkindeditorです。

テキストエディタプレゼンテーション

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

kindeditorの主な特徴

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

開発プロセス

  • 2006月:KindEditor 2.0がリリース
  • 2009年1月:KindEditor 3.0リリース
  • 2010年6月:KindEditor 3.5リリース
  • 2011年8月:KindEditor 4.0リリース

テキストエディタをダウンロード

あなたが自分自身を見て、ダウンロードの場所を使用することができますダウンロードするにはクリックして、私は使いやすさに続いて、デスクトップに直接ダウンロード。

テキストエディタを使用して

  直接静的フォルダにプロジェクトエディタの成功をダウンロードし、あなたが望むようにテンプレートを使用して、私はここにbackend.html、その後、TEXTAREAそして、我々はテキストエリアを発見し、設定を達成することができる編集する必要がありますID(各タグのIDが一意である)、その後、この事にスクリプトを追加。

テキストエリアテキストボックス

< textareaのID = "editor_id" 名前= "コンテンツ" スタイル= "幅:700px;高さ:300ピクセル;" > 
&LT。強い&GT。HTML内容&LT; /強い&GT。
</ TEXTAREA >

スクリプトエディタ

< スクリプトのcharset = "UTF-8" SRC = "/エディタ/ kindeditor.js" > </ スクリプト> 
< スクリプトのcharset = "UTF-8" SRC = "/エディタ/ LANG / ZH-CN.js" > </ スクリプト> 
< スクリプト> 
        KindEditor.ready(関数{(K)
                window.editor = K.create(' #editor_id ' ); 
        }); 
</ スクリプト>

注意

  • 他のCSSセレクタを使用して、最初のパラメータは、負荷エディタTEXTAREA複数の最初の要素のみに一致します。
  • 、編集者が第二引数K.create機能を介して設定することができ、特定のパラメータを参照してください  エディタの初期化パラメータ  。

カスタムをサポートすることができ、初期化パラメータには多くありますが、あなたのニーズに応じて変更を行うことができます

テキストエディタをアップロード

私は写真をアップロードしたいので、すべてのファイルは、カスタム使用するextraFileUploadParamsを、この事画像、Flash、動画や音声、ファイルをアップロードし、他のパラメータと一緒にサーバーにサポートを追加します。

加えます

KindEditor.ready(関数(K){ 
        K.create( '#IDは'、{ 
                extraFileUploadParams:{ 
                        ITEM_ID:1000、
                        CATEGORY_ID:1 
                } 
        }); 
});

私たちは、あなたがこのサイズ変更タイプのパラメータを設定する必要があり、箱の裏をドラッグすることができますしたくありません

タイプのサイズを変更します

0,2または1または2の1の高さを変えることができ、ドラッグすることができ、幅と高さを変更するとき、あなたは0:00をドラッグすることはできません。

  • データの型:int
  • デフォルト:2

私たちが興味を持っている残りの部分は、スタイルの主題である、例えば、勉強に行くことができます。

 

おすすめ

転載: www.cnblogs.com/mcc61/p/11082957.html