ホームページ  >  記事  >  バックエンド開発  >  FCKeditor_PHP チュートリアルにカスタム ボタンを追加する

FCKeditor_PHP チュートリアルにカスタム ボタンを追加する

WBOY
WBOYオリジナル
2016-07-21 15:53:11926ブラウズ

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->Width = '100%' ;
$oFCKeditor->Height = '300' ;
$oFCKeditor->作成
?>


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

最初に効果を見てみましょう:

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

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

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

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

A. 関数プロトタイプ
// ボタン関数プロトタイプ
var FCKNewPageCommand=function(){this.Name='NewPage' ;};
FCKNewPageCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();FCK.SetHTML('');FCKUndo.Typing=true;};
FCKNewPageCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF; };

var FCKMyAlbumCommand=function(){this.Name='DISPLAY: none';};
FCKMyAlbumCommand.prototype.Execute=function(){if(typeof(parent.showMyAlbum)=="function"){parent .showMyAlbum(FCK);}else{alert(FCKLang.NoAlbum);}};
FCKMyAlbumCommand.prototype.GetState=function(){return FCK_TRISTATE_OFF;}; case 'NewPage':B= new FCKNewPageCommand();break;
case 'MyAlbum':B=new FCKMyAlbumCommand();break;

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

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


http://www.bkjia.com/PHPjc/318824.html

www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/318824.html技術記事 FCKeditor ディレクトリの fckconfig.js を開き、FCKConfig.ToolbarSets["Default"] を見つけます。ここでの設定は、必要なものを保持するか、不要なものを削除するか... を構成するためのものです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。