百度ueditor富文本编辑器的使用
百度ueditor富文本编辑器的使用
//以下为我在官网下载的ueditor v1.3.5 php版的大楷配置步骤
第一步:
//配置文件的引入应该比功能文件先引入,最后设置语言类型。即:editor.config.js==>editor.all.min.js==>lang/zh-cn/zh-cn.js
<script type="text/javascript" src="ueditor/editor.config.js"></script> <script type="text/javascript" src="ueditor/editor.all.min.js"></script> <script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>
第二步:
//在网页中应用文本宽的地方
<textarea name="content" id=" content "> 这里写你的初始化内容 </textarea> <script type="text/javascript"> UE.getEditor(' content '); //'content' 为上边文本框的ID值 </script>
第三步:
在配置文件(editor.config.js)下修改全局路径(三种方案):
1) var URL = window.UEDITOR_HOME_URL || "/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
2) window.UEDITOR_HOME_URL = "/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
3) var URL ="/myUeditor(网站根文件夹)/ed(UEditor文件夹)/";
//其实最终目的就是让URL的值为网站根目录到ueditor的路径字符串(*以 “/” 结束)
第四步:
工具栏工具设置:
单行:
toolbars:[["bold","italic","undo","redo"]]
多行:
toolbars:[["bold","italic"],["undo","redo"],["insertimage"]]
第五步:
//对编辑器默认参数配置 ,autoFloatEnabled:false //工具栏浮动 ,elementPathEnabled:false //左下角显示元素路径 ,autoHeightEnabled:false // 是否自动长高,默认true,设为false当超界时显示滚动条 ,maximumWords:10000 //允许的最大字符数 ,initialFrameWidth:750 //初始化编辑器宽度,默认1000 ,initialFrameHeight:400 //初始化编辑器高度,默认320 ,wordCount:true //是否开启字数统计 ,textarea:content //设置默认文本框内容的name属性,也可在对应的html中设置name属性
//==========================ueditor的文件目录说明===================================//
dialogs 编辑器弹出框的内容都在在里面。不可删除,不建议移动该目录
lang 编辑器语言国际化支持,如果你想增加韩语、日语等支持可以在这里添加。 不可删除,不建议移动该目录
php/jsp/.net 服务器端处理程序,各个版本该目录名字不一样,jsp版本叫jsp,以此类推。可删除,这需要你自己开发相关程序;可移动,前提是要更改对应的上传路径!!!
themes 编辑器皮肤目录。不可删除,不建议移动该目录
third-party 编辑器以来第三方包。不可删除,不建议移动该目录
editor.all.js 编辑器打包后的文件,开发环境用该文件。不可删除,不建议移动该文件
editor.all.min.js 编辑器打包后的压缩版本,产品环境用该文件。不可删除,不建议移动该文件
editor.config.js 编辑器配置文件。不可删除,不建议移动该文件(一般将其备份在之际配置一份)
ueditor.parse.js
ueditor.parse.min.js
index.html 可以在服务器中直接大楷这个文件,他是一个官方给的实例