百度 Ueditor 使用及规则

UMeditorjavascript

官网::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#ueditorphp

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

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


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

使用加载顺序必须按一下顺序
<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>web


使用规则
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<!-- 配置文件 ueditor.config.js是完整的配置文件,能够在这该文件里面配置整个编辑器的特性,文件里面的注释很是详细,修改默认配置请首先确保已经彻底明确该参数的真实用途,在此不想作太多展开。 -->
<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>npm

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

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

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

相关文章
相关标签/搜索