ASP.NET 使用Ueditor富文本编辑器

前言

最近在在项目的时候使用到了百度的富文本编辑器。官网有详细的操作流程文档。这里我只是记录项目中常用到的一些事件。以便日后可以方便查询。UEditor 是百度的一个 javascript 编辑器的开源项目。支持Php、Asp、Asp.Net 、Jsp多种后台配置。这里记录的是Asp的写法。具体的做法可查看官网有详细的文档。传送门

引用`UEditor`

首先，下载最新版本传送门，其次，在需要用的界面引用ueditor.config.js和ueditor.all.js。

示例代码如下：

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

设置和读取的内容

示例代码如下：

var ue = UE.getContent();
//对编辑器的操作最好在编辑器ready之后再做
ue.ready(function() {
    //设置编辑器的内容
    ue.setContent('hello');
    //获取html内容，返回: <p>hello</p>
    var html = ue.getContent();
    //获取纯文本内容，返回: hello
    var txt = ue.getContentTxt();
});

判断富文本是否有录入信息

示例代码如下：

var IsHas = ue.hasContents();
if (IsHas == false) {  //为false时内容为空。}
else if (IsHas == true) { //为false时内容不为空。 }

ASP.NET 使用Ueditor富文本编辑器

前言

引用UEditor

设置和读取的内容

判断富文本是否有录入信息

引用`UEditor`