FCKeditor でカスタム ボタンを追加

FCKeditor ディレクトリの fckconfig.js を開き、FCKConfig.ToolbarSets["Default"] を見つけます。ここでの設定は、必要なものを残し、不要なものを削除またはコメントアウトします。

複数の構成が必要な場合は、複数の FCKConfig.ToolbarSets["Name your own name"] を設定し、その後に構成の詳細を設定できます。エディターについて言及するときは、PHP を例に挙げます。fckeditor.php をコピーし、fckeditor1.php という名前を付けます。ここで構成を変更できます。 ($this->ToolbarSet= '自分の名前' ;)

コードをコピー コードは次のとおりです:

include("editor/fckeditor1.php") ;//ここに呼び出します
$oFCKeditor = new FCKeditor('FormContent') ;//インスタンス化
$oFCKeditor->BasePath = 'editor/';//このパスは上記のインポート パスと一致している必要があります。そうでない場合は、エラーが報告されます: fckeditor.html ページが見つかりません
//$oFCKeditor->Value = '' $oFCKeditor->幅 = '100%' ;
$oFCKeditor->高さ = '300' ;
?>


以下は他のネチズンの補足です。非常に詳細なので、参考にしてください:
FCKeditor は非常に人気のある WEB ビジュアル エディターであり、そのプログラムも非常に成熟していて機能が豊富です。しかし、どんなに豊富であっても、実際の要件を完全に満たすことはできません。場合によっては、独自の機能を追加する必要があります。ただし、FCKeditor のプログラム構造はまだ比較的複雑で、JS について詳しくない人が柔軟にカスタマイズするのは困難です。この記事では、FCKeditor のツールバーにフォト アルバムを開くためのカスタム ボタンを追加する方法を紹介します。 。

まず効果を見てみましょう:

ボタンを追加するにはいくつかの手順があります:

1. ボタンの画像を追加します:
すべてのボタンFCK の画像は 1 つの画像ファイルに保存されます。これは非常にユニークで、ファイルは /FCK/skins/silever/fck_strip.gif などの対応するスキン ディレクトリに保存されます。 Fireworks または Photoshop でファイルを開くと、すべてのボタンの画像を含む非常に長い画像が表示されます。各ボタンのサイズは 16*16 ピクセルであることに注意してください。

2. ボタンの関数コードを追加します:
ボタンを追加するには、FCK/editor/js ディレクトリ内の 2 つのコア ファイル (fckeditorcode_gecko.js と fckeditorcode_ie.js) を変更する必要があります。前者は gecko で使用されます。後者は、Firefox などのコア ブラウザで使用されます。後者は、MyIE (Maxthon) などの IE をコアとして使用するブラウザで使用されます。この 2 つのファイルは、小さな違いがあるだけで、基本的には似ています。
変更方法はとても簡単です。まず、追加するボタンと同じ機能を持つボタンを見つけます。これは、クリアする方法です。新しいファイルボタンを作成する準備中のエディタ。まず、fckeditorcode_ie.js を変更します。fckeditorcode_gecko.js は、変更されたコードを直接コピーできます。

fckeditorcode_ie.js を開きます。 ここで説明する必要があるのは、fckeditorcode_ie.js は複数のファイルをマージしたコード最適化 (つまり、ほとんどの改行、スペース、コメントなどが削除されている) であるということです。あまり読みにくいし、DreamweaverやZDEなどで100K以上のJSファイルを開くと、すぐにCPUが100％まで上がってしまったのを比較してみると、役に立たないと思っていた Golive が、簡単にファイルを開いて素早く編集できることが分かりました。開いて編集できる限り、使用するソフトウェアは関係ありません。 Newpage というキーワードで検索すると、ボタンの関数定義が 3 つの部分に分かれていることがわかります。

A. 関数プロトタイプ
// ボタン関数プロトタイプ
var FCKNewPageCommand=function() {this.Name='NewPage';};
FCKNewPageCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();FCK.SetHTML('');FCKNewPageCommand .prototype.GetState=function(){return FCK_TRISTATE_OFF;}; var FCKMyAlbumCommand=function(){this.Name='DISPLAY: none';}; ){if (typeof(parent.showMyAlbum)=="function"){parent.showMyAlbum(FCK);}else{alert(FCKLang.NoAlbum);}};
FCKMyAlbumCommand.prototype.GetState=function(){ return FCK_TRISTATE_OFF; };

B. 関数のインスタンス化
case 'NewPage':B=new FCKNewPageCommand();break;

C. ボタン表示
case 'NewPage':B=new FCKToolbarButton('NewPage',FCKLang.NewPage,null,null,true,null,4);break; ' :B=new FCKToolbarButton('MyAlbum',FCKLang.MyAlbum,null,null,true,null,67);break;

上記のコードの最初の部分は Newpage の元のコードで、後半はカスタマイズです コードを見ると、何が起こっているか一目で理解できるはずですよね？赤い部分と名前が違うだけです！赤い部分はカスタム関数です。
FCKLang は言語パッケージ オブジェクトです。FCK/editor/lang/ の下にある対応する言語パッケージを開き、対応する name 属性を追加するだけです。たとえば、MyAlbum でフォト アルバムが開きます。大文字小文字に注意してください!この時点で追加作業は完了です。