ホームページ >バックエンド開発 >PHPチュートリアル >Thinkphp エディタ拡張クラス kindeditor の使用方法
Thinkphp エディタ拡張クラス kindeditor の使用方法
- WBOYオリジナル
- 2016-06-13 12:01:441455ブラウズ
Thinkphp エディター拡張クラス kindeditor の使用方法
1. 使用前の準備。
使用する前に、Thinkphp Web サイト プロジェクトを作成していることを確認してください。
1、Keditor.class.php、および JSON.class.php はエディター拡張クラス ファイルであり、Web サイト プロジェクトの ThinkPHPLibORGNet フォルダーにコピーします。
2、editor フォルダーは、kindeditor のコア パッケージです。これをプロジェクトの Public フォルダー (エントリ ファイル Public と同じレベルにあるフォルダー) 、 を作成し、Public の下に別の Upload フォルダーを作成し、エディターの画像を使用してアップロードを保存します。
3、KeditorAction.class.php はエディターの画像アップロード機能とリモート画像閲覧機能です。それをプロジェクト Clip の libAction ファイルにコピーします。それを下げてください。
2. オブジェクトの呼び出し
コントローラー メソッドでオブジェクトを呼び出します:
import("ORG.Net.Keditor");$ke=new Keditor();$ke->id="content";//指定textarea的id$keshow=$ke->show();//生成js代码$this->assign("keshow",$keshow);$this->display();
メソッドに対応するテンプレート ファイル内のエディタを表示します:
<html><head>{$keshow}</head><!--输出js，建议放在head--><body><form id="form1" name="form1" method="post" action=""><textarea name="content" id="content" cols="70" rows="20"><!-文本域，id为content--></textarea><input name="img" id="img" type="hidden" value="" /><!--隐藏域存储编辑器上传的图片地址，id为img--></form></body></html>
上記は最も単純なメソッド呼び出しですが、拡張クラスにも多数の属性とメソッドがあります。より完璧な機能を実現するには、以下をお読みください。
3. オブジェクト属性 四 对象的方法。
属性を 2 つのタイプに分けます。1 つは kindeditor の組み込み属性、もう 1 つは拡張された新しい属性です。属性。以前に kindeditor を使用したことがある場合は、kindeditor 自体に id、items、width、height、afterCreate があることを知っているはずです。 30 属性を待ちます。これらの属性は、php を使用して直接定義できるようになりました。たとえば、id: $ke-> を定義します。 ;id =”content”,幅の定義: $ke->width=”700px”; 最初にオブジェクトの新しい属性について説明します。 。
オブジェクトの新しい属性:
1、jspath: 定義の核心 kindeditorjs editor フォルダーが Publib/Public/editor/kindeditor.js です。属性は、$ke->jspath=”/kind/ kindeditor.js” のように、🎜>、 で指定する必要があります。 ;2
、form: は、送信されたフォームの idfrom) >、デフォルトは form1、この属性は ctrl+enter 送信関数と組み合わせて使用されますたとえば、エディタはフォーム id に "formid" として配置され、ctrl+entersubmit を実装します。 formid フォームを定義する必要があります $ke->form=”formid”。 ctrl+enter送信関数では、後で説明する他の属性も設定する必要があります。 3、
imgid: 画像アドレスを保存するための隠しフィールド id を指定します (デフォルト)。 imgです。エディターが画像をアップロードするたびに、画像アドレスがこの非表示フィールドに保存されます。データベースにデータを追加する場合、この隠しフィールドのデータをデータベースフィールドに保存することもできます。データを削除する場合は、まずデータベースに保存されている画像アドレスを読み取って削除します。削除プロセスでは、オブジェクトの delimg メソッドを呼び出すだけで済みます。このメソッドについては後で詳しく説明します。このようにして、コンテンツと画像を削除するという目的は達成されます。
属性が付属しています:
1、items:
$ke->items="['source', '|', ' として定義されたエディターのツールバーを構成します。 fullscreen'、'undo'、'redo'、'print'、'cut'、'copy'、'paste']";
little キーワードを追加しました。すぐに機能します。合理化されたモデル エディタを定義するには、メソッド $ke->items=”little”;
2, afterCreate を使用します: 作成後に実行されるエディタを設定しますコールバック関数は、
$ke->afterCreate="function(id){
alert('successly created'+id)
}";
ctrlenter キーワード、ctrl+enter を簡単に定義してフォームを送信できます。使用方法: $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->gt;allowFileManager=ture;注意: 引用符で囲まないでください。属性値はブール値です。 5、imageUploadJson は、画像をアップロードするためのサーバー側プログラムを指定します。デフォルト値は
/index.php/Keditor/upload
6、fileManagerJson: リモート画像を参照するためのサーバー側プログラムを指定します。デフォルト値は /index.php/Keditor/filemanager
注: KeditorAction.class.php前にコピーしました
写真のアップロードとリモート写真の閲覧に使用されます。ファイル内の upload
メソッドは画像をアップロードするプロセスを定義し、ファイル内の filemanager メソッドは画像を参照するプロセスを定義します。コードを追加してこれら 2 つのメソッドへのアクセス許可を決定し、管理者のみが画像をアップロードまたは参照できるようにすることができます。デフォルトの KeditorAction.class.php を使用する代わりに、独自のアップロード処理プロセスと画像参照プロセスを定義することもできます。その場合は、imageUploadJson 属性値と fileManagerJson を再定義する必要があります。属性値。カスタム加工処理の詳細については後述する。 他にも組み込み属性があるため、すべてをリストすることはしません。 kindeditor
http://www.kindsoft.net/doc.php?cmd=configNote の公式ドキュメントを参照できます。 、数値 属性値を入力またはブール値として入力します。引用符で囲まないでください。他の属性値は引用符で囲まれており、属性値の形式は 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关键词。