thinkphp中使用ueditor方法

使用百度ueditor，按照百度上的文章做配置，编辑器会有控件无法使用的问题，按我的方法完全能全开状态。

 

文件上传路径自己配置下。。。。。。

第一步：下载ueditor放到 Public 文件夹下。

 

第二步：配置 ueditor 的editor_config.js文件

 

 

Js代码  

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

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


//改为相对路径。。。
URL = window.UEDITOR_HOME_URL||"/Public/ueditor/"; 

 

第三步：引用ueditor，在你要使用ueditor的模版文件中写入如下代码：

 

Html代码  

1. <import type='js' file="ueditor/editor_config" />  
2. <import type='js' file="ueditor/editor_all" />  
3. <import type='css' file="ueditor/themes/default/ueditor" />  
4. ThinkPHP 的默认导入方式，直接就是Public目录下，不要写后缀  

<import type='js' file="ueditor/editor_config" />
<import type='js' file="ueditor/editor_all" />
<import type='css' file="ueditor/themes/default/ueditor" />
ThinkPHP 的默认导入方式，直接就是Public目录下，不要写后缀

第四步：设置Model.class.php文件存入规则：

 

 

Php代码  

1. array('text','htmldecode', 3,'callback'),   
2. //ThinkPHP3 正文（text）字段的自动完成规则   
3.   
4. //文本转义   
5. function htmldecode(){   
6.         if(!emptyempty($_POST['text'])){                                    
7.                         $contents=htmlspecialchars(stripslashes($_POST['text']));   
8.             return $contents;   
9.         }   
10.     }  

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

//文本转义
function htmldecode(){
if(!empty($_POST['text'])){
                        $contents=htmlspecialchars(stripslashes($_POST['text']));
return $contents;
}
}

 

第五步：HTML页面应用与提取数据

  

Html代码  

1. <textarea type="text" name="text" id="text" style="width:100%;"/>{$list.text|htmlspecialchars_decode}</textarea>  
2. <!--转义在这里视乎没有什么用，还是写上吧！-->  
3.   
4. <!--script写到body外面-->  
5. <script type="text/javascript">     
6.     var editor = new baidu.editor.ui.Editor();     
7.     editor.render("text");//这里认的是上面控件的ID   
8. </script>