PHP で Ckeditor+Ckfinder を構成して画像アップロード_PHP チュートリアルを完了する

私は長い間 fckeditor を使ってきましたが、その少し古いインターフェースには慣れていますが、その弟の CKeditor の方がクールで魅力的だと聞きました。今日はそれを試してみましょう。 現在の最新バージョンは CKEditor 3.4.2 です。

CKeditor は完全にプラグインに基づいており、特定のニーズを満たすようにコンポーネントを拡張します。たとえば、共通ファイルのアップロード機能はデフォルトでは利用できず、基本的なテキスト編集機能のみが提供されています。画像のアップロードを実装するには、別のコンポーネント CKFinder を拡張する必要があります。

最初: CKEditor をインストールして設定します

CKfinder を拡張して画像のアップロードを実装する前に、まず最も基本的な CKeditor エディタをインストールします。

1.ダウンロードした ckeditor_3.4.2.zip を解凍し、ディレクトリ内の ckeditor フォルダーを目的のディレクトリ (/admin/ など) にコピーします。

2. このページはCKeditorを参照しており、キーコードは以下の通りです

この時点で、CKeditor のデフォルト バージョンがインストールされ、デプロイされています。この時点で、/admin/ckeditor/ckeditor.js を変更して、フォント、背景色、言語、インターフェイスの高さと幅、エディターを設定できます。ボタン配布など
設定が必要な内容をこの関数の途中に追加するだけです。

ckeditor.editorconfig= function（config）

2 番目: CKfinder をインストールして設定する

CKfinder は公式コンポーネントです (注: ckeditor と同じ Web サイトではありません)。

1.ダウンロードした ckfinder_php_2.0.1.zip を解凍し、ディレクトリ内の ckfinder フォルダーをエディター ディレクトリ /admin/ckeditor にコピーします。

2. Ckfinder のデフォルト設定ではファイルをサーバーにアップロードできないため、ckfinder ファイルの下の config.php を変更し、ファイル内の CheckAuthentication() の戻り値を return false から return true に変更する必要があります。

関数 CheckAuthentication() {

3.ファイルのアップロードパスを設定します。前の手順で config.php ファイルを開き、「$baseUrl」を見つけます。この変数は、ckfinder ファイルがアップロードされるディレクトリを定義します。値を「$baseurl='../data /」に設定します。ファイルがアップロードされたら、プログラムはここに画像、フラッシュなどの対応するフォルダーが自動的に作成されます。

その3：画像アップロード機能を実現するための統合

1.エディター ページの先頭にある ckfinder.js ファイルを参照します。コードは次のとおりです:

エディターのテキストエリアの下に次のコードを引用します: