您的位置:首页 > 产品设计 > UI/UE

Ueditor富文本编辑器

2015-07-05 11:26 381 查看

使用

1.基础Demo

1)代码





<!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)效果





2.获取和设置

1)基础Dome





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

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

3.获取html使用getContent();

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

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

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





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

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

我们直接获取。

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

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

[align=left]3.文件上传、如何配置[/align] [align=left]1)在默认状况下是这样的[/align]

[align=left]2)配置文件路径[/align] [align=left]配置文件在net路径下的config.json文件中。
[/align]

[align=left] [/align] [align=left]3)怎么改[/align] [align=left]这是配置文件的截图,在配置文件里写一下系统中的上传路径就好了。[/align] [align=left]具体怎么改,其实注释写的很清楚了。看到就能知道了。[/align]

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: