zoukankan      html  css  js  c++  java
  • Ueditor富文本编辑器

    使用

    1.基础Demo

    1)代码

    clipboard[16]

    <!DOCTYPE HTML>

    <html lang="en-US">

    <head>

        <meta charset="UTF-8">

        <title>ueditor demo</title>

    </head>

    <body>

        <!-- 加载编辑器的容器 -->

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

    </body>

    </html>

    2)效果

    clipboard[17]

     

    2.获取和设置

    1)基础Dome

    clipboard[18]

    说明:1.如果读取设置的代码写在js的load事件里了,就不需要ready了吧。

               2.设置使用setContent('文本内容');

               3.获取html使用getContent();

               4.获取纯文本使用getContentTxt();

    2)如何获取未被文本过滤规则过滤的文本?

    这话说的有点绕。我先解释一下,我们在Ueditor的API文档中看getContent函数会有这样一段说明。

    clipboard[19]

    也就是说,如果你想写入一些代码类的文本,很可能被过滤掉。这些文本如何完整的获得?我说的就是这个问题。

    方法很简单,还记得我们在初始化文本编辑器的时候吗?

    我们直接获取。

     

    //这里获取的文本是未过滤的。

    var note = UE.getEditor('noteEditor').getContent();

    3.文件上传、如何配置
    1)在默认状况下是这样的
    clipboard[20]
    2)配置文件路径
    配置文件在net路径下的config.json文件中。
    clipboard[21]
     
    3)怎么改
    这是配置文件的截图,在配置文件里写一下系统中的上传路径就好了。
    具体怎么改,其实注释写的很清楚了。看到就能知道了。
    clipboard[22]
  • 相关阅读:
    SlidingMenu官方实例分析8——CustomAnimation
    SlidingMenu官方实例分析7——SlidingContent和SlidingTitleBar区别
    SlidingMenu官方实例分析5——FragmentChangeActivity
    SlidingMenu官方实例分析4——AttachExample
    云虚拟主机和云服务器的区别
    SAP MM常用表
    dedecms 模板文件不存在,无法解析文档"的终极各种解决办法
    js代码如何测试代码运行时间
    java 连接msql数据库
    Java 创建xml文件和操作xml数据
  • 原文地址:https://www.cnblogs.com/mcad/p/4621886.html
Copyright © 2011-2022 走看看