asp.net项目中集成ueditor


  (注意不是部署,而是在项目开发阶段将ueditor集成进来)
把下载的 ueditor1_4_3_3-utf8-net.zip 解压,将 utf8-net 目录下的所有文件拷到项目的 ueditor 目录下,将 net 目录下的 App_Code 目录合并至项目根目录,将 Bin 目录合并至项目根目录。添加引用Bin目录下的 Newtonsoft.Json.dll 文件。
在项目中需要使用编辑器的页面,加入:
......
    <script src="ueditor/ueditor.config.js"></script>
    <script src="ueditor/ueditor.all.min.js"></script>
    <script src="ueditor/lang/zh-cn/zh-cn.js"></script>
......
    <textarea id="myEditor" name="myEditor" runat="server" οnblur="setUeditor()">测试数据</textarea>   
    <script type="text/javascript">
        var editor = new baidu.editor.ui.Editor();
        editor.render("myEditor");
    </script>
......
    <script type="text/javascript">
            function setUeditor() {
                var myEditor = document.getElementById("myEditor");
                myEditor.value = editor.getContent();
            }
    </script>
......
后台获取编辑器的内容:
    string editData = Server.HtmlDecode(myEditor.InnerHtml);
一般写在提交按钮触发的事件函数中
此处在实际作用的时候会出错,需要在页面的初始化指令中,加入:
     ValidateRequest="false"
且在项目的 Web.config 的 <system.web> 节中,加入:
     <httpRuntime requestValidationMode="2.0" />
修改上传图片或文件的位置为 /upload 目录,在 net 目录下的 config.json 文件,将其中的 ??访问前辍  置空,然后将  上传保存路径  前面加 /,形如:
原有代码:
    "imageUrlPrefix": "/ueditor/net/", /* 图片访问路径前缀 */
    "imagePathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */
修改为:
    "imageUrlPrefix": "", /* 图片访问路径前缀 */
    "imagePathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ 
最后别忘了删掉或改名示例文件 index.html,以防非法访问。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值