ASP.NET中使用UEditor

1：官网下载ueditor编辑器
ueditor下载地址
下载.net版本
或者到我提供的下载地址里面相关文件全部都有
链接：https://pan.baidu.com/s/1t-gAx0slgI7y15BFj5o2qg
提取码：n081

2：解压后复制到自己项目下新建的文件夹Content的ueditorUTF8（这里文件夹命名随意）可以起个新的名字

3：添加引用，在项目中添加引用，选择浏览，在文件夹ueditorUTF8的net的Bin目录下找到Newtonsdft.json.dll文件，引用

4：修改图片访问路径在net文件夹里面的config.json文件，找到所有的 /* 图片访问路径 */ 前面加上：/Content/（这里是我的路径）

5：分别引入三个文件：注意顺序不能错

 <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>

6：前端页面加入下面的代码，注意：下面的var ue = UE.getEditor(‘editorContents’);中的名称要与后面添加使用编辑器的名称相同否则会找不到

 <script type="text/javascript">        
//实例化编辑器         
//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例         
var ue = UE.getEditor('editorContents'); 
  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>

7：在使用编辑器的地方添加一个TextBox控件

 	<h3>发布内容：</h3>
    <div style="line-height: 0; width: 89%">
        <asp:TextBox ID="editorContents" name="editorContents" runat="server" TextMode="MultiLine" Height="300px" ClientIDMode="Static ” </asp:TextBox>
    </div>    

8：运行是显示出的效果

获取编辑器输入的值通过textbox的id就可以得到

string  str=editorContents.Text;