asp.net mvc abp(ASP.NET Boilerplate)集成百度Ueditor富文本编辑器

2019独角兽企业重金招聘Python工程师标准>>>

如果不修改,不管imageUrlPrefix修改成什么,图片只能保存在ueditor\net\目录下。 

1. 修改ueditor\net\App_Code\UploadHandler.cs。

   //var localPath = Server.MapPath(savePath);
   改为var localPath = Server.MapPath("~/" + Config.GetString("imageUrlPrefix") + savePath);
   因为前台js 返回图片路径时加了而后台没加

   修改ueditor\net\App_Code\ListFileHandler.cs
   github上有人提交了修复服务器返回图片列表不能倒序Bug但是没有在新版本中

   var localPath = Server.MapPath(PathToList);
   改为var localPath = Server.MapPath(Config.GetString("imageManagerUrlPrefix") + PathToList);

2. 配置ueditor\net\config.json。

   "imageUrlPrefix": "/upload/", /* 图片访问路径前缀 */
   "imagePathFormat": "upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 *

3. 在视图面引入js并初始化。

   <!-- 配置文件 -->
   <script type="text/javascript" src="~/content/ueditor/ueditor.config.js"></script>
   <!-- 编辑器源码文件 -->
   <script type="text/javascript" src="~/content/ueditor/ueditor.all.js"></script>
   <h2>Ueditor</h2>
    
   <script id="container" name="content" type="text/plain">
       Ueditor
   </script>
    
   <script type="text/javascript">
       var ue = UE.getEditor('container');
   </script>

4. 如果用的模态框防止窗口遮挡，可在ueditor/ueditor.config.js 设置zIndex : XXXX。
5. 模态窗内第二次加载Ueditor不显示。
   在 UE.getEditor后面再追加一个方法render，或者先调用UE.delEditor删除后再执行。

   UE.getEditor('_editor').render('_editor')
   // 或者
   UE.delEditor('选择器');
   UE.getEditor('选择器'); 
   // 关闭Dialog前移除编辑器
       UE.delEditor('选择器');

    

单独使用上传组件

https://www.cnblogs.com/sadkilo/p/5951336.html 

转载于:https://my.oschina.net/momomo1987/blog/1602973