html 富文本框 上传,百度富文本编辑器上传HTML到数据库

一般展示型网站或是个人博客之类的网站为了让发表的文章有个性，都需要嵌入HTML、CSS等。这样就需要使用到web富文本编辑器。刚才用百度UMeditor，效果不错。使用上也比较简单。下载地址：http://ueditor.baidu.com/website/index.html

1、参考Demo就可以实习显示一个富文本编辑器，但是有一个地方被坑了。写出来长点记性。当你自己给富文本编辑器源码加上自己的文件夹后需要修改一个editor_api.js中的一句话(比如你喜欢把所有的JS放在一个Scripts文件夹下)。baseURL = '../Scripts/BaiduUMeditor/_src/'; 这里的baseURL需要换成你的文件夹路径，否则在实例化啊UM的时候会找不到。

2、同样是使用Ajax传给ashx后台并由他处理保存到数据库。默认的情况下后台接受到HTML代码会抛出一个“危险代码”的异常。只需要修改一下web.config配置文件取消验证就可以了

3、代码：

百度富文本编辑器

$(document).ready(function () {

//实例化编辑器

var um = UM.getEditor('myEditor');

});

//按钮的操作

function getContent() {

var arr = [];

arr.push(UM.getEditor('myEditor').getContent());

//alert(arr.join("\n"));

$.ajax({

url: "SaveHTMLHandler.ashx",

type: "POST",

data: { strHTML: arr.join("\n") },

success: function (data) {

alert(data);

},

error: function () {

alert("提示：连接服务器出现异常！");

}

});

}

UMEDITOR 完整demo

发表