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'));
import("ORG.Net.Keditor");Keditor::delimg($imgfield);//$imgfield 一般是你数据库存放图片地址的字段。
import("ORG.Net.Keditor");$ke=new Keditor();$ke->show(“{id : ”content”,width: ‘700px’;height : ”300px”;imgid : ”img”}”);