Ueditor+MVC

我们这里的前台开发环境是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();//得到编辑器中的内容