星空网 > 软件开发 > ASP.net

Ueditor富文本编辑器

使用


1.基础Demo

1)代码

Ueditor富文本编辑器

<!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='/images/loading.gif' data-original="ueditor.config.js"></script>

    <!-- 编辑器源码文件 -->

    <script type="text/javascript" src='/images/loading.gif' data-original="ueditor.all.js"></script>

    <!-- 实例化编辑器 -->

    <script type="text/javascript">

        var ue = UE.getEditor('container');

    </script>

</body>

</html>

2)效果

Ueditor富文本编辑器

 

2.获取和设置

1)基础Dome

Ueditor富文本编辑器

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

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

           3.获取html使用getContent();

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

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

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

Ueditor富文本编辑器

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

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

我们直接获取。

 

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

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


3.文件上传、如何配置
1)在默认状况下是这样的
Ueditor富文本编辑器
2)配置文件路径
配置文件在net路径下的config.json文件中。

Ueditor富文本编辑器
 
3)怎么改
这是配置文件的截图,在配置文件里写一下系统中的上传路径就好了。
具体怎么改,其实注释写的很清楚了。看到就能知道了。
Ueditor富文本编辑器



原标题:Ueditor富文本编辑器

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Landing Lion:https://www.ikjzd.com/w/2226
Lorna Jane:https://www.ikjzd.com/w/2227
Paxata:https://www.ikjzd.com/w/2228
燕文:https://www.ikjzd.com/w/2229
德国促销网Mydealz:https://www.ikjzd.com/w/223
快飞鱼QuickFish:https://www.ikjzd.com/w/2230
合肥有什么约会的地方好玩的地方 合肥哪里适合情侣好玩的地方:https://www.vstour.cn/a/411237.html
曾家山滑雪场-曾家山滑雪场号码:https://www.vstour.cn/a/411238.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流