ホームページ >バックエンド開発 >PHPチュートリアル >オンラインエディタ Ckeditor (1) - php (30)
オンライン エディター
オンライン エディターは、WYSIWYG エディターとも呼ばれ、一般的な HTML ソース コード エディターです。
表示されているものがそのまま得られます。ユーザーが入力すると、形式とスタイルの両方がシステムによってそのまま保存され、最終的に表示されるとき、出力はユーザーが入力した元の構造に基づくことができます。
オンラインエディタの分類
市場には多くの一般的なオンラインエディタがあり、FCKeditor(オンラインエディタ+Ajaxブラウザサーバーファイルマネージャー、無料)、Ckeditor(コンテンツとナレッジ、サーバー側ファイルから分離されたオンラインエディタ)マネージャー、オンライン エディターは無料、サーバー側のファイル マネージャーは有料 (CKfinder))、Baidu の Ueditor、Kineditor
オンライン エディター機能
オンライン エディターは、目に見えるものをそのまま手に入れることができます。
機能
CkeditorとCkfinder
Ckeditorは長い歴史があり、国内外のWebプロジェクトで広く使用されています。
基本的にすべてのオンラインエディターは似ており、プラグイン(機能)の数と操作マニュアル以外は何もありません
Ckeditorを使用する理由は何ですか?
Ckeditorのインストール
取得したCkeditorを解凍して入れると使用できます対応するプロジェクトの場所に移動します。
ベーシック: 基本、機能が少ない
スタンダード: 標準、共通の機能
フル: 完全、すべての機能付き
ダウンロード:
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 つの設定方法があります
設定ファイルを変更します
効果
特徴: プロジェクト内のすべての Ckeditor が config.js の影響を受けます。
2 カスタマイズされた構成ファイルを使用して、カスタマイズされた構成ファイルを Ckeditor インスタンスにロードする必要があります。 注: 基本バージョンを使用して Ckeditor をロードする場合、カスタマイズされた構成ファイルを使用する方法はありません標準バージョンと jquery バージョンのみを使用できます
特徴: カスタマイズされた構成ファイルでロードされた Ckeditor インスタンスのみが影響を受け、その他は影響を受けません。 (この方法はより頻繁に使用されます)
上記では、関連コンテンツも含めてオンライン エディター Ckeditor (1) - php (30) を紹介しましたが、PHP チュートリアルに興味のある友人に役立つことを願っています。