码迷,mamicode.com
首页 > 其他好文 > 详细

百度编辑器 ueditor

时间:2016-07-08 07:52:25      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

ueditor,项目中用到的富文本框,功能是很强大的,我只用了一点点。

自带的示例也挺全。

我就粘帖下自己用到的部分。

首先 引入

<script src="~/Content/Component/ueditor/ueditor.config.js" type="text/javascript" charset="utf-8"></script>
<script src="~/Content/Component/ueditor/ueditor.all.js" type="text/javascript" charset="utf-8"></script>
<script src="~/Content/Component/ueditor/lang/zh-cn/zh-cn.js" type="text/javascript" charset="utf-8"></script>

有没有最后一个无所谓,config里面可以配

要注意的是修改ueditor/net/config.json里面的××××UrlPrefix系列字段,这是你在文本中粘帖的图片等其他东西的保存路径。

其次 页面

<script id="editor1" type="text/plain" style="width:746px;height:500px;">
</script>

丢这个进去就可以了

最后是一些script

window.UEDITOR_HOME_URL = "~/Content/Component/ueditor";

var ue = UE.getEditor(‘editor1‘);

我就用了两个方法,一个ue.setContent("") 一个ue.getContent()

有转义问题,所以 set的时候用了@Html.Raw。

get的时候用的innerHTML,具体是这样

function HTMLEncode(html) {
        var temp = document.createElement("div");
        (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);
        var output = temp.innerHTML;
        temp = null;
        return output;
    }

参数为get的内容,这样丢到后台后,再用Server.HtmlDecode("")保存到db

完成

百度编辑器 ueditor

标签:

原文地址:http://www.cnblogs.com/suzu/p/5652115.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!