CKEditor API view_html/css_WEB-ITnose

概要

前回のエッセイを書いているときに CKEditor の API を調べたので、関連する経験を記録します。

CKEditor の関連ドキュメントのアドレス: http://docs.ckeditor.com/#、API は 2 番目のタブにあり、最初のタブはホームページ、3 番目のタブはガイドです。

アイコン分析

ナビゲーションバー

ナビゲーションバーには、パッケージ構造によるものと継承関係によるものという 2 つのビューがあります。

パッケージ構造には 3 つのアイコンがあります:

1. ピンクのアイコンはシングルトン クラスを表し、名前はインスタンス名です

2. 水色のアイコンはインスタンス化する必要がある共通クラスを表します

3. 木の色は、グループ化、分類を表します。

Content 列

1. メンバー

CKEDITOR には、構成プロパティ、プロパティ、メソッド、イベントの 4 種類のメンバーが含まれています。各メンバーのアイコンには対応する番号があり、アイコンの上にマウスを置くとリストが表示され、対応するメンバーがすぐに見つかります。

2. 検索ボックス

には「フィルター クラス メンバー」と明確にマークされているため、全文検索ではなく、メンバー名の内容に対してのみ有効です。

3. 表示

これはフィルターです。表示するコンテンツを選択できます。

4.その他

以下の内容は各メンバーの紹介です。

トライアル

1. コントロールをアクティブ化します

前の記事では、CKEDITOR クラスで replace メソッドを見つけます。コントロール インスタンスを取得します

前の記事では、CKEDITOR.instances.editor を使用して editor という名前のインスタンスを取得しました。CKEDITOR クラスでインスタンス属性を探す必要があります。

各コントロール インスタンスはCKEDITOR.editor のインスタンス。

3. インスタンスの初期化が完了したイベントを取得します

CKEDITOR.editor のイベントで、instanceReady を見つけます:

クラス イベントの場合、instance.on("instanceName", function(evt) を使用できます。 {} ) の使用方法。

Technorati タグ: CKEditor API