百度ueditor富文本编辑器的使用

时间：2022-01-11 03:39:25

百度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 可以在服务器中直接大楷这个文件，他是一个官方给的实例

相关文章