ホームページ > バックエンド開発 > PHPチュートリアル > ThinkPHP3.0 は、Baidu エディターの正しい設定方法を使用します。

ThinkPHP3.0 は、Baidu エディターの正しい設定方法を使用します。

WBOY
リリース: 2016-06-13 13:13:43
オリジナル
783 人が閲覧しました

ThinkPHP3.0 は、Baidu エディターの正しい設定方法を使用します。 。 。

Baidu ueditor を使用し、Baidu の記事に従って設定すると、エディターはコントロールが使用できないという問題が発生します。私の方法では、完全に開くことができます。

ファイルのアップロード パスを自分で設定します。 。 。 。 。 。

ステップ 1: ueditor をダウンロードし、Public フォルダーに置きます。

?

ステップ 2: 構成 ueditor の editor_config.js ファイル?

?

?

URL = window.UEDITOR_HOME_URL||tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","").replace("website/","");//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径(指以http开头的绝对路径)


//改为相对路径。。。
URL = window.UEDITOR_HOME_URL||"/Public/ueditor/"; 
ログイン後にコピー
?


ステップ 3: ueditor を参照し、ueditor を使用するテンプレート ファイルに次のコードを記述します。

?

<import type='js' file="ueditor/editor_config" />
<import type='js' file="ueditor/editor_all" />
<import type='css' file="ueditor/themes/default/ueditor" />
ThinkPHP 的默认导入方式,直接就是Public目录下,不要写后缀
ログイン後にコピー


ステップ 4: Model.class.php ファイルのストレージ ルールを設定します。

?

?

array('text','htmldecode', 3,'callback'),
//ThinkPHP3 正文(text)字段的自动完成规则

//文本转义
function htmldecode(){
		if(!empty($_POST['text'])){									
                        $contents=htmlspecialchars(stripslashes($_POST['text']));
			return $contents;
		}
	}
ログイン後にコピー
?

ステップ 5: HTML ページのアプリケーションとデータ抽出

?

?

<textarea type="text" name="text" id="text" style="width:100%;"/>{$list.text|htmlspecialchars_decode}</textarea>
<!--转义在这里视乎没有什么用,还是写上吧!-->

<!--script写到body外面-->
<script type="text/javascript">  
	var editor = new baidu.editor.ui.Editor();  
    editor.render("text");//这里认的是上面控件的ID
</script>
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート