我们这里的前台开发环境是MVC,百度编辑器的成功使用,经过了一些波折,最终通过巨人的指点终于实现了,接下来,步,教你学会使用百度编辑器。
第一步,下载相应的文件
去http://ueditor.baidu.com/website/download.html
下载三个版本中的根据开发情况下载,我们这里下载 .Net版本,解压到当前文件夹
将uft8-net文件(可重命名)复制到项目根目录下
第二步,将下载文件,,将解压缩后的文件粘到项目根目录下。
第三步:编辑器页面,引入3个百度编辑器所需的js
Ueditor.all.js或Ueditor.all.mini.js ,lang文件夹下的zh-cn.js,ueditor.config.js
第四步:生成编辑器
@* 编辑器的加载 *@
<script id="editor"type="text/plain" style="width: auto; height: auto;">
@Html.Raw(@ViewData["content"].ToString())
</script>
中间代码是从controller中传过来的值。
刚开始用百度编辑器内容赋值的时候,出现了html被转义的问题,从网上查,都说是百度为了安全角度考虑,暂时是没有办法解决的,当时被局限,这个问题解决了好久,后来大神帮我秒解决了
@Html.Raw()方法输出带有html标签的字符串,如:
@Html.Raw("<divstyle='color:red'>输出字符串</div>")
结果:输出字符串
第五步:获得编辑器中的html内容
ue =UE.getEditor('editor');//获得页面的编辑器
var content = ue.getContent();//得到编辑器中的内容