百度 Ueditor 使用及规则

2019-05-14 15:50:25 阅读：221 来源： 互联网

标签：baidu Ueditor ueditor js getEditor 规则 UE com 百度

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

标签：baidu,Ueditor,ueditor,js,getEditor,规则,UE,com,百度
来源： https://www.cnblogs.com/dekui/p/10862597.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

百度 Ueditor 使用及规则