タイトルから判断すると、Ckeditor は画像のアップロード機能をサポートしていないことがわかります。画像のアップロードをサポートするには、コンポーネント Ckfinder が必要です。 この記事では、Ckeditor+Ckfinder で画像アップロード機能を実現するための設定方法を詳しく紹介します。
最初: CKEditor をインストールして設定します
CKfinder を拡張して画像のアップロードを実装する前に、まず最も基本的な CKeditor エディタをインストールします。
1.ダウンロードした ckeditor_3.4.2.zip を解凍し、ディレクトリ内の ckeditor フォルダーを目的のディレクトリ (/admin/ など) にコピーします。
最初に: CKEditor をインストールして設定します。/admin/ckeditor/ckeditor.js を変更して、フォント、背景色、言語などのエディターを設定できます
、インターフェイスの高さと幅、エディターのボタンの配置など
コードは次のとおりです | コードをコピー |
config. language = 'en'; config.skin = 'v2'; config.uiColor = '#AADC6E'; config.toolbar = '基本'; |
….
2. 公式デモのほとんどはエディター領域の設定に js を使用するのが好きですが、php を書くのに慣れている私にとっては面倒なので、組み込みの php クラスを参照する必要があります。
コードは次のとおりです | コードをコピー |
require_once ROOTPATH "ckeditor/ckeditor.php"; テキストエリア |
このページはCKeditorを参照しており、キーコードは次のとおりです
コードは次のとおりです | コードをコピー |
|
2 番目のステップは、CKfinder を構成してインストールすることです
CKfinder は公式コンポーネントであり、ダウンロード アドレスは次のとおりです: http://ckfinder.com/download (注: ckeditor とは異なります
)ウェブサイト)。
1.ダウンロードした ckfinder_php_2.0.1.zip を解凍し、ディレクトリ内の ckfinder フォルダーをエディターのディレクトリにコピーします
記録、/admin/ckeditor。
2. アップロードする必要があるので、ckfinder に参加する必要があります。 ckfinder と ckeditor を同じディレクトリに配置します。
/ckfinder/config.php を開き、最初の関数 CheckAuthentication() を設定します。この関数は独自の関数に従う必要があります
このルールは、return true が必要な場合にのみサーバーへのファイルのアップロードを許可するように記述されています。もちろん、これを直接記述することはお勧めできません。
セキュリティ上の問題が発生します。セッションを使用して処理する方が便利です。
簡単にできます
コードをコピー | |
関数 CheckAuthentication()
{
} |
コードは次のとおりです | コードをコピー |
session_start(); |
ファイルがアップロードされると、プログラムはこのディレクトリに画像、フラッシュなどの対応するフォルダーを自動的に作成します。
その3: 画像アップロード機能を実現するための統合
1.エディター ページの先頭にある ckfinder.js ファイルを参照します。コードは次のとおりです:
コードをコピー | |
|
以下では、2 つの呼び出しメソッドと 1 つの php を紹介します
コードをコピー | |
require_once ROOTPATH "ckeditor/ckeditor.php";
require_once ROOTPATH 'ckfinder/ckfinder.php' ;
|
別のjsまたはhtmlページの変更
コードをコピー | |
著者別の最新記事
最新の問題
URL パラメータから取得した PHP 配列が期待どおりに動作しない
カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...
から 2024-04-06 22:09:02
0
1
1428
戻り値の変数の形式は何ですか?
私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
ループするために MySQL の結果を ID ごとにグループ化する
mysqlにフライトデータを含むテーブルがあります。 codeigniter3Journey_idair_idFlightDurationout_or_inflightdurati...
から 2024-04-06 17:27:56
0
1
406
関連トピック
詳細>
|