CKEditor のドキュメントには、ユーザーが画像の挿入ボタンをクリックすると表示される「ファイル ブラウザー (アップローダー)」が記載されています。
しかし、ユーザーがハイパーリンクの挿入ボタンをクリックしたときに表示されるダイアログに関するドキュメントはありません。このダイアログには、ファイルブラウザを表示する「サーバーで参照」ボタンもあります。しかし、私は自分のサイトにサーバー ページのリストを獲得しました。ファイルを参照するのではなく、ここでカスタム リストを構成できますか?
CKEditor のドキュメントには、ユーザーが画像の挿入ボタンをクリックすると表示される「ファイル ブラウザー (アップローダー)」が記載されています。
しかし、ユーザーがハイパーリンクの挿入ボタンをクリックしたときに表示されるダイアログに関するドキュメントはありません。このダイアログには、ファイルブラウザを表示する「サーバーで参照」ボタンもあります。しかし、私は自分のサイトにサーバー ページのリストを獲得しました。ファイルを参照するのではなく、ここでカスタム リストを構成できますか?
カスタム プラグインを作成するか、デフォルトのリンク プラグインを変更できます。
カスタム プラグインを作成するには、新しいプラグインに使用する名前でディレクトリを作成し、ディレクトリの内容を新しいディレクトリに/plugins
コピーします。_source/plugins/link
コピーしたファイル全体でプラグイン名を変更する必要があります。次に、必要に応じてダイアログ ファイルを変更します。次に、設定を使用して新しいプラグインをロードしconfig.extraPlugins
、ボタンを設定に追加しますconfig.toolbar_xxx
。
既存のリンク プラグインを変更するには、リンク ダイアログ ウィンドウの非圧縮ファイルを次からコピーします。
_source/plugins/link/dialogs/link.js
そして以下を置き換えます:
plugins/link/dialogs/link.js
次に、そのダイアログ ウィンドウ ファイルを変更します。1 つの方法は、select 要素にサーバー ページのリストを設定することです。
URL テキスト フィールドを変更できます。
type : 'text',
id : 'url',
label : commonLang.url,
required: true,
これに:
type : 'select',
id : 'url',
label : commonLang.url,
required: true,
'default' : 'xxx',
items :
[
[ 'Link Name', 'Link Path' ],
[ 'Link Name', 'Link Path' ],
[ 'Link Name', 'Link Path' ],
[ 'Link Name', 'Link Path' ]
],
次に、url 要素に関連付けられた関数を調べて、必要のない関数を削除し、残りの関数を変更して目的の処理を実行します。