ASP.NET使用百度编辑器（UEditor）使用方法

ASP.NET使用百度编辑器（UEditor）方法如下

第一步到百度官网下载百度编辑器

http://ueditor.baidu.com/website/download.html

下载.net版本

第二步：减压复制到自己项目下新建的文件夹Content（文件夹随意，自己定义）可以起个新的名字比如（ueditorUTF8）

第三步：添加引用，在项目中添加引用（选择浏览，在复制文件夹ueditorUTF8的net的bin目录下找到dll文件，添加引用）

第四步：修改图片访问路径找到net文件夹里面的config.json文件，在找到所有的 /* 图片访问路径前缀 */ 然后在前面的途径加上：/Content/

找到config.json

第五步：前端引入js路径这里的路径一定得引入真确，看看自己的编辑器在哪来放着然后分别引入三个文件：注意顺序不要错了

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

第六步：前端页面加入注意：下面的var ue = UE.getEditor('txtEditorContents');中的名称要与后面添加使用编辑器的名称一致

 <script type="text/javascript">

         //实例化编辑器
         //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
         var ue = UE.getEditor('txtEditorContents');

         function isFocus(e) {
             alert(UE.getEditor('editor').isFocus());
             UE.dom.domUtils.preventDefault(e)
         }
         function setblur(e) {
             UE.getEditor('editor').blur();
             UE.dom.domUtils.preventDefault(e)
         }
         function insertHtml() {
             var value = prompt('插入html代码', '');
             UE.getEditor('editor').execCommand('insertHtml', value)
         }
         function createEditor() {
             enableBtn();
             UE.getEditor('editor');
         }
         function getAllHtml() {
             alert(UE.getEditor('editor').getAllHtml())
         }
         function getContent() {
             var arr = [];
             arr.push("使用editor.getContent()方法可以获得编辑器的内容");
             arr.push("内容为：");
             arr.push(UE.getEditor('editor').getContent());
             alert(arr.join("\n"));
         }
         function getPlainTxt() {
             var arr = [];
             arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
             arr.push("内容为：");
             arr.push(UE.getEditor('editor').getPlainTxt());
             alert(arr.join('\n'))
         }
         function setContent(isAppendTo) {
             var arr = [];
             arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
             UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
             alert(arr.join("\n"));
         }
         function setDisabled() {
             UE.getEditor('editor').setDisabled('fullscreen');
             disableBtn("enable");
         }

         function setEnabled() {
             UE.getEditor('editor').setEnabled();
             enableBtn();
         }

         function getText() {
             //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
             var range = UE.getEditor('editor').selection.getRange();
             range.select();
             var txt = UE.getEditor('editor').selection.getText();
             alert(txt)
         }

         function getContentTxt() {
             var arr = [];
             arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
             arr.push("编辑器的纯文本内容为：");
             arr.push(UE.getEditor('editor').getContentTxt());
             alert(arr.join("\n"));
         }
         function hasContent() {
             var arr = [];
             arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
             arr.push("判断结果为：");
             arr.push(UE.getEditor('editor').hasContents());
             alert(arr.join("\n"));
         }
         function setFocus() {
             UE.getEditor('editor').focus();
         }
         function deleteEditor() {
             disableBtn();
             UE.getEditor('editor').destroy();
         }
         function disableBtn(str) {
             var div = document.getElementById('btns');
             var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
             for (var i = 0, btn; btn = btns[i++];) {
                 if (btn.id == str) {
                     UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
                 } else {
                     btn.setAttribute("disabled", "true");
                 }
             }
         }
         function enableBtn() {
             var div = document.getElementById('btns');
             var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
             for (var i = 0, btn; btn = btns[i++];) {
                 UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
             }
         }

         function getLocalData() {
             alert(UE.getEditor('editor').execCommand("getlocaldata"));
         }

         function clearLocalData() {
             UE.getEditor('editor').execCommand("clearlocaldata");
             alert("已清空草稿箱")
         }
 </script>

第七步骤：在需要使用编辑器的地方添加一个TextBox控件，id="txtEditorContents"

比如：

 <dt>文章内容：</dt>
     <dd style="line-height: 0; width: 89%">
         <asp:TextBox ID="txtEditorContents" name="txtEditorContents" runat="server" TextMode="MultiLine" Height="400px" Width="1000px" ClientIDMode="Static ” </asp:TextBox>
     </dd>    

第八步骤：运行试试看红色边框中的别是显示出的效果，三个字来形容（萌萌哒）

第九步：提交的后台怎么获取编辑器输入的值     ：通过textbox的id就可以得到如图接下来你就可以存储数据库等等操作了

以上就是我的总结，如有不对之处还望见谅！