百度 Ueditor 使用及规则

UMeditor

官网：：https://ueditor.baidu.com/website/download.html#ueditor
文档：：http://fex.baidu.com/ueditor/#start-config
API：：https://ueditor.baidu.com/doc/#UE.Editor
下载：：https://ueditor.baidu.com/website/download.html#ueditor

安装下载ueditor
①：线上下载ueditor
②：检查本地是否有node 命令：node -v 没有则安装
③：安装打包grunt插件 npm insatll || cnpm install
④：进入源码目录执行 grunt 这个命令会根据Gruntfile.js执行打包打包的任务，运行过程需要java环境支持，
命令完成后，ueditor目录下会出现dist/目录。

以上执行完事项目启动就成了；

dist/目录文件
dialogs/：弹出对话框对应的资源和JS文件
lang/：国际化
php/：涉及到服务器端操作的后台文件
themes/：样式图片和样式文件
third-party/：第三方插件(包括代码高亮，源码编辑等组件）
index.html：主页
ueditor.config.js：配置文件
ueditor.all.min.js：ueditor.all.js文件的压缩版，部署时才采用
ueditor.all.js：_src目录下所有文件的打包文件（用于发布版本）

使用加载顺序必须按一下顺序
<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>

使用规则

<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>

<script type="text/javascript">
var ue = UE.getEditor('container');
</script>

接口提供
UE.getEditor('editor').execCommand（）//命令的通用接口
例如:: 清空草稿箱 UE.getEditor('editor').execCommand("cleardoc") || 获取草稿箱内容 UE.getEditor('editor').execCommand( "getlocaldata" )

UE.utils UEditor封装使用的静态工具函数等

工具的顶部功能可以更具需求排序或删除添加
输出格式 html

巴特西

百度 Ueditor 使用及规则

最新文章

热门文章