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

オンライン エディター

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

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

オンラインエディタの分類

市場には多くの一般的なオンラインエディタがあり、FCKeditor（オンラインエディタ+Ajaxブラウザサーバーファイルマネージャー、無料）、Ckeditor（コンテンツとナレッジ、サーバー側ファイルから分離されたオンラインエディタ）マネージャー、オンライン エディターは無料、サーバー側のファイル マネージャーは有料 (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

ベーシック: 基本、機能が少ない

スタンダード: 標準、共通の機能

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

ダウンロード:

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

3 使用する必要があるプロジェクトの場所に Ckeditor フォルダを配置します

Ckeditor ディレクトリ構造

Ckeditor を使用します

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

したがって、オンラインで編集します。ツールの使用は textarea 要素に基づいています

1 Ckeditor js ファイルを読み込みます。 /ckeditor/ckeditor.js

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

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

a) 最も簡単な方法: Ckeditorの値を持つtextareaタグにclass属性を追加します

textarea要素にはidまたはname属性Aが必要です

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 の影響を受けます。

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

特徴: カスタマイズされた構成ファイルでロードされた Ckeditor インスタンスのみが影響を受け、その他は影響を受けません。 (この方法はより頻繁に使用されます)

上記では、関連コンテンツも含めてオンライン エディター Ckeditor (1) - php (30) を紹介しましたが、PHP チュートリアルに興味のある友人に役立つことを願っています。