Thinkphp エディター拡張クラス kindeditor の使用法
Thinkphp エディタ拡張クラス kindeditor の使い方
1. 使用前の準備。
使用する前に、Thinkphp サイト プロジェクトが作成されていることを確認してください。
1、Keditor.class.php、JSON.class.php はエディタ拡張クラス ファイルであり、サイト プロジェクトの ThinkPHPLibORGNet ディレクトリにコピーします。
2、editor ディレクトリは、kindeditor のコアパッケージです。これをプロジェクトの Public ディレクトリ (エントリ ファイル Public と同じレベルにあるディレクトリ) 、 を作成し、Public の下に別の Upload ディレクトリを作成します。エディターを使用してアップロードされた画像を保存するために使用されます。
3、KeditorAction.class.php はエディターの画像アップロード機能とリモート画像閲覧機能です。これをプロジェクトの 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 Wait があることがわかるはずです。 30 属性の場合。これらの属性は、php を使用して直接定義できるようになりました。たとえば、id: $ke-> を定義します。 ;id =”content”,幅の定義: $ke->width=”700px”; 最初にオブジェクトの新しい属性について説明します。 。
オブジェクトの新しい属性:
1。 jspath: kindeditor のコア js ファイルを定義します。デフォルト値は /Public/editor/kindeditor.js です。editor ディレクトリは Publibこの属性を指定する必要があります、など$ke->jspath=”/kind/ kindeditor.js” ;2
、form: は、送信されたフォームの id を指定します ( から) ) 。デフォルトは form1 です。この属性は、ctrl+enter 送信関数と組み合わせて使用されます。たとえば、エディタが id is "formid" という形式で配置されている場合、ctrl+entersubmit フォーム 形式。 $ke->form=”formid” を定義する必要があります。
送信関数では、他の属性も設定する必要があります。後で説明します。
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->allowFileManager=ture; などのメソッドを定義します。属性値がブール値の場合は引用符で囲まないでください。
5
、
imageUploadJson は、画像をアップロードするためのサーバー側プログラムを指定します。デフォルト値は /index.php/Keditor/upload6 です。
fileManagerJson: リモート画像を参照するためのサーバー側プログラムを指定します。 デフォルト値は /index.php/Keditor/filemanager です。
注: KeditorAction.class .php
が画像のアップロードとリモート画像の参照に使用される前にコピーされます。ファイル内の upload メソッドは画像をアップロードするプロセスを定義し、ファイル内の filemanager メソッドは画像を参照するプロセスを定義します。これら 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”（通常是绝对地址）。如果我们上传了一张图片。server端生成的图片名为 12345.gif。上传会显示的图片地址则为/Public/Upload/12345.gif ，由于我们使用的是绝对地址，所以编辑器公布的内容无论在站点的哪儿，图片都能正常显示。
同意上传的图片格式：定义一个数组。默认值为array('gif','jpg','jpeg','png','bmp')
同意的图片大小：默认值为,1000000 。单位是bk。
2，filemanager。浏览server的图片。此方法在浏览图片处理过程中使用。用法：
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 通常是你数据库存放图片地址的字段。<p></p>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关键词。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
解決策: 組織では PIN を変更する必要があります。
Oct 04, 2023 pm 05:45 PM
ログイン画面に「組織から PIN の変更を求められています」というメッセージが表示されます。これは、個人のデバイスを制御できる組織ベースのアカウント設定を使用しているコンピューターで PIN の有効期限の制限に達した場合に発生します。ただし、個人アカウントを使用して Windows をセットアップした場合、エラー メッセージは表示されないのが理想的です。常にそうとは限りませんが。エラーが発生したほとんどのユーザーは、個人アカウントを使用して報告します。私の組織が Windows 11 で PIN を変更するように要求するのはなぜですか?アカウントが組織に関連付けられている可能性があるため、主なアプローチはこれを確認することです。ドメイン管理者に問い合わせると解決できます。さらに、ローカル ポリシー設定が間違っていたり、レジストリ キーが間違っていたりすると、エラーが発生する可能性があります。今すぐ
Windows 11 でウィンドウの境界線の設定を調整する方法: 色とサイズを変更する
Sep 22, 2023 am 11:37 AM
Windows 11 では、新鮮でエレガントなデザインが前面に押し出されており、最新のインターフェイスにより、ウィンドウの境界線などの細部をカスタマイズして変更することができます。このガイドでは、Windows オペレーティング システムで自分のスタイルを反映した環境を作成するのに役立つ手順について説明します。ウィンドウの境界線の設定を変更するにはどうすればよいですか? + を押して設定アプリを開きます。 Windows [個人用設定] に移動し、[色の設定] をクリックします。ウィンドウの境界線の色の変更設定ウィンドウ 11" width="643" height="500" > [タイトル バーとウィンドウの境界線にアクセント カラーを表示する] オプションを見つけて、その横にあるスイッチを切り替えます。 [スタート] メニューとタスク バーにアクセント カラーを表示するにはスタート メニューとタスク バーにテーマの色を表示するには、[スタート メニューとタスク バーにテーマを表示] をオンにします。
Windows 11でタイトルバーの色を変更するにはどうすればよいですか?
Sep 14, 2023 pm 03:33 PM
デフォルトでは、Windows 11 のタイトル バーの色は、選択したダーク/ライト テーマによって異なります。ただし、任意の色に変更できます。このガイドでは、デスクトップ エクスペリエンスを変更し、視覚的に魅力的なものにするためにカスタマイズする 3 つの方法について、段階的な手順を説明します。アクティブなウィンドウと非アクティブなウィンドウのタイトル バーの色を変更することはできますか?はい、設定アプリを使用してアクティブなウィンドウのタイトル バーの色を変更したり、レジストリ エディターを使用して非アクティブなウィンドウのタイトル バーの色を変更したりできます。これらの手順を学習するには、次のセクションに進んでください。 Windows 11でタイトルバーの色を変更するにはどうすればよいですか? 1. 設定アプリを使用して + を押して設定ウィンドウを開きます。 Windows「個人用設定」に進み、
Windows 11/10修復におけるOOBELANGUAGEエラーの問題
Jul 16, 2023 pm 03:29 PM
Windows インストーラー ページに「問題が発生しました」というメッセージとともに「OOBELANGUAGE」というメッセージが表示されますか?このようなエラーが原因で Windows のインストールが停止することがあります。 OOBE とは、すぐに使えるエクスペリエンスを意味します。エラー メッセージが示すように、これは OOBE 言語の選択に関連する問題です。心配する必要はありません。OOBE 画面自体から気の利いたレジストリ編集を行うことで、この問題を解決できます。クイックフィックス – 1. OOBE アプリの下部にある [再試行] ボタンをクリックします。これにより、問題が発生することなくプロセスが続行されます。 2. 電源ボタンを使用してシステムを強制的にシャットダウンします。システムの再起動後、OOBE が続行されます。 3. システムをインターネットから切断します。 OOBE のすべての側面をオフライン モードで完了する
Windows 11 でタスクバーのサムネイル プレビューを有効または無効にする方法
Sep 15, 2023 pm 03:57 PM
タスクバーのサムネイルは楽しい場合もありますが、気が散ったり煩わしい場合もあります。この領域にマウスを移動する頻度を考えると、重要なウィンドウを誤って閉じてしまったことが何度かある可能性があります。もう 1 つの欠点は、より多くのシステム リソースを使用することです。そのため、リソース効率を高める方法を探している場合は、それを無効にする方法を説明します。ただし、ハードウェアの仕様が対応可能で、プレビューが気に入った場合は、有効にすることができます。 Windows 11でタスクバーのサムネイルプレビューを有効にする方法は? 1. 設定アプリを使用してキーをタップし、[設定] をクリックします。 Windows では、「システム」をクリックし、「バージョン情報」を選択します。 「システムの詳細設定」をクリックします。 [詳細設定] タブに移動し、[パフォーマンス] の下の [設定] を選択します。 「視覚効果」を選択します
Windows 11 でのディスプレイ スケーリング ガイド
Sep 19, 2023 pm 06:45 PM
Windows 11 のディスプレイ スケーリングに関しては、好みが人それぞれ異なります。大きなアイコンを好む人もいれば、小さなアイコンを好む人もいます。ただし、適切なスケーリングが重要であることには誰もが同意します。フォントのスケーリングが不十分であったり、画像が過度にスケーリングされたりすると、作業中の生産性が大幅に低下する可能性があるため、システムの機能を最大限に活用するためにカスタマイズする方法を知る必要があります。カスタム ズームの利点: これは、画面上のテキストを読むのが難しい人にとって便利な機能です。一度に画面上でより多くの情報を確認できるようになります。特定のモニターおよびアプリケーションにのみ適用するカスタム拡張プロファイルを作成できます。ローエンド ハードウェアのパフォーマンスの向上に役立ちます。画面上の内容をより詳細に制御できるようになります。 Windows 11の使用方法
Windows 11で明るさを調整する10の方法
Dec 18, 2023 pm 02:21 PM
画面の明るさは、最新のコンピューティング デバイスを使用する上で不可欠な部分であり、特に長時間画面を見る場合には重要です。目の疲れを軽減し、可読性を向上させ、コンテンツを簡単かつ効率的に表示するのに役立ちます。ただし、設定によっては、特に新しい UI が変更された Windows 11 では、明るさの管理が難しい場合があります。明るさの調整に問題がある場合は、Windows 11 で明るさを管理するすべての方法を次に示します。 Windows 11で明るさを変更する方法【10の方法を解説】 シングルモニターユーザーは、次の方法でWindows 11の明るさを調整できます。これには、ラップトップだけでなく、単一のモニターを使用するデスクトップ システムも含まれます。はじめましょう。方法 1: アクション センターを使用する アクション センターにアクセスできる
Windows Serverでアクティベーションエラーコード0xc004f069を修正する方法
Jul 22, 2023 am 09:49 AM
Windows のライセンス認証プロセスが突然切り替わり、このエラー コード 0xc004f069 を含むエラー メッセージが表示されることがあります。ライセンス認証プロセスはオンラインですが、Windows Server を実行している一部の古いシステムではこの問題が発生する可能性があります。これらの初期チェックを実行し、システムのアクティブ化に役に立たない場合は、問題を解決するための主要な解決策に進んでください。回避策 – エラー メッセージとアクティベーション ウィンドウを閉じます。次に、コンピュータを再起動します。 Windows ライセンス認証プロセスを最初から再試行します。解決策 1 – ターミナルからアクティブ化する cmd ターミナルから Windows Server Edition システムをアクティブ化します。ステージ – 1 Windows Server のバージョンを確認する 使用している W の種類を確認する必要があります
