标签:
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
完成
标签:
原文地址:http://www.cnblogs.com/suzu/p/5652115.html