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]
posted @ 2015-07-05 11:26  大黑兔  阅读(1776)  评论(2编辑  收藏  举报