thinkphp整合ueditor(百度编辑器)方法详解

UEditor 介绍

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。

1 入门部署和体验

1.1 下载编辑器

到官网下载 UEditor 最新版：[官网地址]

1.2 创建demo文件

解压下载的包，在解压后的目录创建 demo.html 文件，填入下面的html代码

 

<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>

<textarea name="content" id="myEditor"></textarea>

<script type="text/javascript">
UE.getEditor('myEditor', {
theme:"default", //皮肤
lang:"zh-cn", //语言
initialFrameWidth:600, //初始化编辑器宽度,默认800
initialFrameHeight:320
});
</script>

 

1.3 在浏览器打开demo.html

如果看到了下面这样的编辑器，恭喜你，初次部署成功！