Thinkphp エディター拡張クラスの使用方法 kindeditor_PHP チュートリアル

Thinkphp エディタ拡張クラス kindeditor の使用方法

1. 使用前の準備。
使用する前に、Thinkphp Web サイト プロジェクトが作成されていることを確認してください。
1. Keditor.class.php および JSON.class.php は、エディター拡張クラス ファイルであり、Web サイト プロジェクトの ThinkPHPLibORGNet フォルダーにコピーします。
2. editor フォルダーは、kindeditor のコア パッケージです。これをプロジェクトのパブリック フォルダー (エントリー ファイルと同じレベルのパブリック) にコピーし、エディターを使用してアップロードした画像を保存するためのアップロード フォルダーをパブリックの下に作成します。
3. KeditorAction.class.php は、エディターの画像アップロード機能とリモート画像参照機能です。これをプロジェクトの libAction フォルダーにコピーします。

2番目、オブジェクト呼び出し
コントローラーメソッドでオブジェクトを呼び出します:

れーれー


メソッドに対応するテンプレート ファイル内のエディターを表示します。

れーれー

上記は最も単純な呼び出しメソッドであり、拡張クラスにも多くのプロパティとメソッドがあります。より完璧な機能を実現するには、以下をお読みください。

3、オブジェクトのプロパティ
属性を 2 つのタイプに分けます。1 つは kindeditor 独自の属性、もう 1 つは拡張された新しい属性です。以前に kindeditor を使用したことがある場合は、kindeditor 自体に id、items、width、height、afterCreate などの 30 個の属性があることを知っているはずです。これらの属性は、id: $ke->id="content" の定義や width: $ke->width="700px" の定義など、PHP を使用して直接定義できるようになりました。まず、オブジェクトの新しい属性について説明します。
オブジェクトの新しいプロパティ:
1. jspath: kindeditor のコア js ファイルを定義します。デフォルト値は /Public/editor/kindeditor.js です。エディター フォルダーが Publib の下に配置されていない場合は、$ke->jspath= のようにこの属性を指定する必要があります。 "/kind/kindeditor.js";
2. フォーム: 送信されたフォームの ID (from) を指定します。デフォルトは form1 です。たとえば、エディターがフォーム ID「formid」に配置されている場合、この属性は Ctrl+Enter の送信機能と組み合わせて使用​​されます。 Ctrl + Enter を実装して formid フォームを送信する必要があり、$ke->form="formid" を定義する必要があります。 Ctrl+Enter 送信関数では、他の属性も設定する必要があります。これについては後で説明します。
3. imgid: 画像アドレスが保存される隠しドメイン ID を指定します。デフォルトは img です。エディターが画像をアップロードするたびに、画像アドレスがこの非表示フィールドに保存されます。データベースにデータを追加する場合、この隠しフィールドのデータをデータベースフィールドに保存することもできます。データを削除する場合は、まずデータベースに保存されている画像アドレスを読み取って削除します。削除処理はオブジェクトの delimg メソッドを呼び出すだけです。このメソッドについては後で詳しく説明します。このようにして、コンテンツと画像を削除するという目的は達成されます。
属性が付属しています:
1. items:エディターのツールバーを設定します。 定義方法は以下の通りです
$ke->items=”['ソース', '|', '全画面', '元に戻す', 'やり直し', '印刷', '切り取り', 'コピー', '貼り付け']";
$ke->items="little";
メソッドを使用して、合理化されたモデル エディターをすばやく定義するために little キーワードを追加しました。 2. afterCreate: エディタ作成後に実行するコールバック関数を設定します 定義方法は以下の通りです
$ke->afterCreate=”function(id){
アラート(「正常に作成されました」+ID)
}";
ctrl+enter を素早く定義してフォームを送信するための ctrlenter キーワードを追加しました。 使用方法:
$ke->afterCreate=”ctrlenter”;
同時に、$ke->form="formname" を定義し、formname をエディターが配置されているフォーム ID に置き換える必要があります。
3.resizeMode: 2 または 1 または 0。2 の場合、幅と高さを変更できます。1 の場合、高さのみ変更できます。0 の場合、ドラッグできません。定義方法は次のとおりです: $ke->resizeMode=1; $ke->resizeMode="1"; のように数値属性値を引用符で囲んではいけません。
4.allowFileManager: true または false。true の場合、サーバーの画像を閲覧する機能が表示されます (この機能を表示するには、画像のアップロード ボタンをクリックします)。 定義方法は次のとおりです。 $ke->allowFileManager=ture;
属性値がブール値の場合は、引用符で囲まないでください。
5. imageUploadJson は、画像をアップロードするためのサーバー側プログラムを指定します。デフォルト値は /index.php/Keditor/upload
です。 6. fileManagerJson: リモート画像を閲覧するためのサーバー側プログラムを指定します。
デフォルト値は /index.php/Keditor/filemanager です
注: 前にコピーした KeditorAction.class.php は、画像のアップロードとリモート画像の参照に使用されます。ファイル内のアップロード メソッドは画像をアップロードするプロセスを定義し、ファイル内のファイルマネージャー メソッドは画像を参照するプロセスを定義します。これら 2 つのメソッドへのアクセス許可を決定するコードを追加して、管理者のみが画像をアップロードまたは参照できるようにすることができます。デフォルトの KeditorAction.class.php を使用する代わりに、独自のアップロード処理プロセスと画像参照プロセスを定義することもできます。この場合、imageUploadJson 属性値と fileManagerJson 属性値を再定義する必要があります。 カスタム処理の詳細については後述する。
他にも組み込みの属性があるため、すべてをリストすることはしません。 kindeditor の公式ドキュメントを確認できます
http://www.kindsoft.net/doc.php?cmd=config
数値型またはブール型の属性値は引用符で囲まないでください。他の属性値は引用符で囲まれており、属性値の形式は kindeditor 自体の形式と同じです。

四 对象的方法。
1，upload，上传图片。此方法在编辑器上传图片处理过程中使用，使用方法：

import("ORG.Net.Keditor");
Keditor::upload('./Public/Upload/','/Public/Upload/',array('gif','jpg','jpeg','png','bmp'),1000000);

upload方法有三个参数，依次是，“上传图片目录”，“图片显示地址”，“允许上传图片格式”，“允许的图片大小（单位kb）”
上传图片目录：默认值“./Public/Upload/”（注意Public前面有个“点”符号，是使用的相对地址，不可使用绝对地址），上传图片目录地址是相当于处理文件的。Thinkphp所有的代码都是通过入口文件运行的，所以这个地址其实是相对于入口文件的。
显示图片地址：默认值“/Public/Upload”（一般是绝对地址），假设我们上传了一张图片，服务器端生成的图片名为 12345.gif。上传会显示的图片地址则为/Public/Upload/12345.gif ，因为我们使用的是绝对地址，所以编辑器发布的内容不管在网站的哪儿，图片都能正常显示。
允许上传的图片格式：定义一个数组，默认值为array('gif','jpg','jpeg','png','bmp')
允许的图片大小：默认值为,1000000 ，单位是bk。
2，filemanager，浏览服务器的图片。此方法在浏览图片处理过程中使用。使用方法：

import("ORG.Net.Keditor");
Keditor::filemanager("./Public/Upload/","/Public/Upload/",array('gif','jpg','jpeg', 'png', 'bmp'));

参数依次是：“浏览图片目录”，“图片显示地址”，“允许浏览的图片格式”，和upload方法一样，浏览图片目录是相对地址，图片显示地址是觉得地址。

3，delimg：删除通过编辑器上传的图片。此方法一般在你删除数据库数据时使用。

import("ORG.Net.Keditor");
Keditor::delimg($imgfield);
//$imgfield 一般是你数据库存放图片地址的字段。

4，show：返回生成的js代码。此方法一般在显示编辑器的控制器中使用。
show方法可以使用一个参数定义kindeditor自带属性。如：

import("ORG.Net.Keditor");
$ke=new Keditor();
$ke->show(“{
id : ”content”,
width: ‘700px’;
height : ”300px”;
imgid : ”img”
}”);

不建议用show传参方式定义kindeditor属性。show传参方式不能定义jspath和form两个新站属性，也不能使用little和ctrlenter关键词。

http://www.bkjia.com/PHPjc/847864.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/847864.htmlTechArticleThinkphp编辑器扩展类kindeditor使用方法 一， 使用前的准备。 使用前请确认你已经建立好了一个Thinkphp网站项目。 1，Keditor.class.php和JSON.clas...