zoukankan      html  css  js  c++  java
  • 百度 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>
    <!-- 配置文件 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

  • 相关阅读:
    【dp专题1】hdu1003 D
    #网络之宙斯盾航母#-----占位--------linux
    面向过程6-----#过程之王#----占个位-----汇编语言----(面向机器)
    面向过程5----c#
    高级语言学习总结
    js实现求二元一次方程的根
    小知识点总结
    js小案例,判断年龄是否成年
    js实现结婚吧小案例
    面向过程4-----perl
  • 原文地址:https://www.cnblogs.com/dekui/p/10862597.html
Copyright © 2011-2022 走看看