百度ueditor富文本编辑器的使用
2013-12-14 00:00
155 查看
百度ueditor富文本编辑器的使用
//以下为我在官网下载的ueditor v1.3.5 php版的大楷配置步骤
第一步:
//配置文件的引入应该比功能文件先引入,最后设置语言类型。即:editor.config.js==>editor.all.min.js==>lang/zh-cn/zh-cn.js
第二步:
//在网页中应用文本宽的地方
第三步:
在配置文件(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"]]
第五步:
//==========================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 可以在服务器中直接大楷这个文件,他是一个官方给的实例
//以下为我在官网下载的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 可以在服务器中直接大楷这个文件,他是一个官方给的实例
相关文章推荐
- 初次使用富文本编辑器,百度Ueditor显示图文翻译~
- 百度富文本编辑器ueditor使用总结
- UEditor(百度富文本编辑器)的暴力使用
- vue集成百度UEditor富文本编辑器使用教程
- 百度富文本编辑器ueditor使用小结
- 关于使用百度UEditor富文本编辑器的总结
- 百度ueditor富文本编辑器使用 以及去除自动保存
- 百度富文本编辑器Ueditor的使用
- 使用百度富文本编辑器UEditor碰到的问题
- 百度富文本编辑器ueditor在jsp中的使用(ssm框架中的应用)
- 百度ueditor富文本编辑器使用初体验
- 使用百度富文本编辑器UEditor碰到的问题
- 百度富文本编辑器ueditor使用总结
- 使用百度富文本编辑器UEditor碰到的问题
- 百度富文本编辑器UEditor的使用和他的图片上传
- 百度富文本编辑器ueditor使用总结
- reactjs 中使用百度Ueditor富文本编辑器
- 百度富文本编辑器UEditor使用简单示例
- ThinkPHP 使用百度富文本编辑器(ueditor)
- javaWEB中百度富文本编辑器UEditor1.4.3的使用随笔