ホームページ > バックエンド開発 > PHPチュートリアル > Thinkphp エディタ拡張クラス kindeditor の使用方法

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

WBOY
リリース: 2016-06-13 12:01:44
オリジナル
1448 人が閲覧しました

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


1. 使用前の準備。
使用する前に、Thinkphp Web サイト プロジェクトを作成していることを確認してください。
1Keditor.class.php、および JSON.class.php はエディター拡張クラス ファイルであり、Web サイト プロジェクトの ThinkPHPLibORGNet フォルダーにコピーします。
2editor フォルダーは、kindeditor のコア パッケージです。これをプロジェクトの Public フォルダー (エントリ ファイル Public と同じレベルにあるフォルダー) を作成し、Public の下に別の Upload フォルダーを作成し、エディターの画像を使用してアップロードを保存します。
3KeditorAction.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”; 最初にオブジェクトの新しい属性について説明します。 。
オブジェクトの新しい属性:
1jspath: 定義の核心 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 メソッドを呼び出すだけで済みます。このメソッドについては後で詳しく説明します。このようにして、コンテンツと画像を削除するという目的は達成されます。
属性が付属しています:
1items:
$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 をフォーム id3resizeMode: 2
または 1 または 02の場合はドラッグして幅と高さを変更できます。1の場合は高さのみ変更できます。0 はドラッグできません。定義方法は次のとおりです: $ke->resizeMode=1; $ke->resizeMode=”1”;この定義は間違っています。 4allowFileManager: true または
falsetrue の場合に表示されます。サーバー イメージの参照機能 (この機能を表示するには、イメージのアップロード ボタンをクリックします) の定義方法は次のとおりです: $ke->gt;allowFileManager=ture;注意: 引用符で囲まないでください。属性値はブール値です。 5imageUploadJson は、画像をアップロードするためのサーバー側プログラムを指定します。デフォルト値は
/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
自体と同じです。

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

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
2filemanager,浏览服务器的图片。此方法在浏览图片处理过程中使用。使用方法:

import("ORG.Net.Keditor");Keditor::filemanager("./Public/Upload/","/Public/Upload/",array('gif','jpg','jpeg', 'png', 'bmp'));
ログイン後にコピー


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

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

import("ORG.Net.Keditor");Keditor::delimg($imgfield);//$imgfield 一般是你数据库存放图片地址的字段。
ログイン後にコピー



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

import("ORG.Net.Keditor");$ke=new Keditor();$ke->show(“{id : ”content”,width: ‘700px’;height : ”300px”;imgid : ”img”}”);
ログイン後にコピー


不建议用show传参方式定义kindeditor属性。show传参方式不能定义jspathform两个新站属性,也不能使用littlectrlenter关键词。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート