首页 > PHP专栏 > PHP环境下配置百度编辑器UEditor
2015
07-02

PHP环境下配置百度编辑器UEditor

将UEditor部署到PHP程序上

1、将UEditor的所有文件放在PHP程序的目录中,这里我把文件放在/ueditor目录下。

2、在网页中引入UEditor文件

<script type="text/javascript" src="ueditor/ueditor.config.js"></script>  
<script type="text/javascript" src="ueditor/ueditor.all.min.js"></script>

3、在textarea标签下初始化UEditor

<script type="text/javascript">   var editor = new UE.ui.Editor();   editor.render("content");</script>

一个页面里像引入多个编辑器窗口请重复初始化编辑器:

<script type="text/javascript">
   var editor = new UE.ui.Editor();
   editor.render("content1");
   var editors = new UE.ui.Editor();
   editors.render("content2");
</script>

配置UEditor编辑器

editor_config.js是UEditor的配置文件,首先对路径进行配置。

修改第27行左右的路径配置(根据版本不同可能会有变动)

保存,OK搞定,UEditor编辑器就能使用了,此时同样可以使用POST或者GET接收到提交的数据。

editor_config.js里还有很多常用的配置项目,比如编辑器初始内容、编辑器高度等等,需要配置时只需去掉该行代码前面的注释符号//即可。

使用定制版的童鞋可以下载一个完整版,里面的配置文件比较完整,有些东西可以COPY过来。

UEditor代码高亮

UEditor代码高亮使用了第三方的高亮JS组件 – SyntaxHighlighter,在测试的过程中问题不少,使用UEditor编辑器“插入代码”功能插入代码并提交到数据库后,在显示页面代码是不会高亮显示的,需要在该页面加载一下JS和CSS文件。