admin 管理员组文章数量: 887021
2024年2月18日发(作者：out的win)
百度UEditor使用详解(作者：老卢 )
相关视频教程下载：
当我们还在使用FCKeditor时候，百度已经悄悄开发出了一套比它更强大的文本编辑器ueditor，专为中国人打造，请看--------：
web文本编辑器被广泛的使用在论坛，留言系统，微博等网站，凡是用户能发布文字的网站，几乎到会使用到文本编辑器，老卢今天给大家介绍一款中国人自己开放的开源文本编辑器，全球最大中文搜索引擎--百度推出的UEditor。Ueditor是由百度web前端研发部开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许自由使用和使用代码.详细可参见网站：
/ 。最新版1.1.7，可以在JSP,PHP,ASP等网站使用。
好，现在跟老卢来看看如何使用：以JSP网站为例
1下载ueditor
访问这个网址： /，找到下载
然后下载或者其他的版本
2 解压后我们会看到6个文件夹和3个js文件以及一个更新日志文本
其中：
官网上下载完整源码包，解压到任意目录，解压后的源码目录结构如下所示：
_examples：编辑器完整版的示例页面
_demos：编辑器的各种使用案例
dialogs：弹出对话框对应的资源和JS文件
themes：样式图片和样式文件
server：涉及到服务器端操作的PHP、JSP等文件
third-party：第三方插件
editor_：_src目录下所有文件的打包文件
editor_all_：editor_文件的压缩版，建议在正式部署时才采用
editor_：编辑器的配置文件，建议和编辑器实例化页面置于同一目录
3 在你的web工程或网站根目录下，新建一个名称叫ueditor文件夹。复制所有这些文件夹和js到这个文件夹
到此准备工作完成
4 在JSP页面包含所需要的JS和css
href="ueditor/themes/default/" />
在此注意：引用的js或css必须正确，否则显示不出来
我的ueditor文件夹和JSP文件同在根目录，所以写成以上。
5 修改editor文件夹下边的editor_文件中的第七行。
把变量URL修改：var URL= "/你的网站名称或web工程名称/ueditor/";
举例：我的工程名称是laoluit
那么我修改后是var URL= "/laoluit/ueditor/";
6 添加编辑器
6 在另一个jsp或servlet中接收提交的数据
<%
//表单提交到了,编辑器中编写的内容默认名称是editorValue
//所以通过ameter("editorValue")可以得到
//接收到数据后打印到后台，你可以把它保存到数据库中。
n(ameter("editorValue"));
%>
7 补充
设置编辑器中默认值：
版权声明：本文标题：UEditor使用详解 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1708238645h517319.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论