博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度 Ueditor 使用及规则
阅读量:6642 次
发布时间:2019-06-25

本文共 1672 字,大约阅读时间需要 5 分钟。

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>
<!-- 配置文件 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>

接口提供

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

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

工具的顶部功能可以更具需求排序或删除添加

输出格式 html

转载于:https://www.cnblogs.com/dekui/p/10862597.html

你可能感兴趣的文章
PHP操作XML(三)——RSS
查看>>
Oracle Dimension
查看>>
Start Developing iOS Apps Today系列(一)
查看>>
Puppet整合Foreman(二):安装puppet
查看>>
使用客户端登陆ftp 500 OOPS: cannot change directory:/root
查看>>
docker 私用仓库Harbor搭建及配置
查看>>
我的友情链接
查看>>
Spring 数据库处理Clob/Blob大对象
查看>>
我的友情链接
查看>>
理解HTTP协议
查看>>
python学习感言
查看>>
Android中实现图片的异步加载学习笔记
查看>>
2015/5/4 谈谈进程、线程
查看>>
我的友情链接
查看>>
Linux计划任务
查看>>
今天做了一张手机原型图,跟大家分享一下
查看>>
巧用分类信息做网站的口碑推广
查看>>
深夜过后的寂静
查看>>
理解并取证:ICMPV6代替IPV4中的ARP进行IPv6的MAC地址解析
查看>>
Linux_ 网络配置及操作
查看>>