Ckeditor&Ckfinder

オンラインエディタ Ckeditor (1)

オンラインエディタ

オンラインエディタは WYSIWYG エディタとも呼ばれ、一般的な HTML ソース コード エディタです。

表示されているものがそのまま得られます。ユーザーが入力すると、形式とスタイルの両方がシステムによってそのまま保存され、最後に表示されるとき、出力はユーザーが入力した元の構造に基づくことができます。

オンライン エディタ カテゴリ

市場には、FCKeditor (オンライン エディタ Ajax ブラウザ サーバー ファイル マネージャー、無料)、Ckeditor (コンテンツ) など、一般的なオンライン エディタが多数あります。およびKnowledge、オンラインエディタはサーバー側のファイルマネージャーから分離されており、オンラインエディターは無料、サーバー側のファイルマネージャーは有料(CKfinder))、BaiduのUeditor、Kineditor

のオンライン編集機能エディタ

オンライン エディタは、見たものがそのまま手に入るものです。

機能

1. 便利な操作とユーザーエクスペリエンスの向上
2. 操作の簡素化
3. コンテンツの互換性の向上

Ckeditor&Ckfinder

Ckeditor は長い歴史があり、国内外の Web プロジェクトで広く使用されています。

基本的にはすべてのオンラインエディターは同じで、プラグイン（機能）の数と操作マニュアルが異なるだけです。

Ckeditor を使用する理由は何ですか?

1. 広く使用されている
2. Ckeditor は非常に成熟しています (市場または製品)
3. Ckeditor は互換性が優れています (すべてのオンライン エディターは JS で書かれています)

Ckeditor のインストール

取得した Ckeditor を解凍し、対応するプロジェクトの場所に配置して使用します。

1. Ckeditor エディタを入手します。 http://www.ckeditor.com

basic: 基本的、機能が少ない

standard: 標準、すべての共通機能あり

フル: 完全、すべての機能付き

ダウンロード:

2 指定したディレクトリに解凍します

3 Ckeditor を解凍しますファイルを使用する必要があるプロジェクトの場所にクリップします

Ckeditor ディレクトリ構造

Ckeditor を使用します

現在、編集できますHTML ソース コードの form 要素: textarea

したがって、オンライン エディターの使用は、Ckeditor js ファイルをロードする textarea 要素

1 に基づいています。 /ckeditor/ckeditor.js

2 インターフェイスには textarea 要素が必要です。

3 textarea を対応する Ckeditor エディターに置き換えます

a) 最も簡単な方法: 値 Ckeditor

を持つクラス属性を textarea タグに追加します。

textarea 要素には id または name 属性のいずれかが必要です

b) 標準的な方法: Ckeditor が提供するクラス CKEDITOR とその置換メソッド replace を使用します

myck1 は id の値または name 属性の値にすることができます

c) 高度な方法: textarea の置換に jQuery を使用します

最初のロードjQuery.js

CKEDITOR が jQuery 用に提供するインターフェース ファイル jquery.js をロードします。 /ckeditor/adapters/jquery.js

jQuery 構文を使用して textarea 要素を置き換えます

構成 (カスタマイズ) Ckeditor

Ckeditor は 3 つの設定方法を提供します

1. システムによって提供される設定ファイル config.js を変更します

構成ファイルの変更

効果

機能: プロジェクト内のすべての Ckeditor が config.js の影響を受けます。

2 構成ファイルをカスタマイズします。形式はシステム構成ファイル config.js と一致します。

新しいユーザー構成ファイルを作成します。構成ファイルの形式は構成と完全に一致します。 js形式

構成オプションを変更します

カスタマイズされた構成を使用する必要があるクライアントを Ckeditor インスタンスにロードしますファイル構成ファイル。

注:

Ckeditor をロードするには基本バージョンを使用してください。カスタマイズされた構成ファイルを使用する方法はありません

標準バージョンと jquery バージョンのみを使用できます

機能: カスタマイズされた構成ファイルでロードされた Ckeditor インスタンスのみが影響を受け、他のインスタンスは影響を受けません。 (この方法の方がよく使われます)