您的位置:首页 > 编程语言 > ASP

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

2018-01-05 00:00 806 查看
摘要: 修改图片只能存在ueditor\net\
我下载的是ueditor1_4_3_3-utf8-net

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

修改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);


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


在视图面引入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>


如果用的模态框防止窗口遮挡,可在ueditor/ueditor.config.js 设置zIndex : XXXX。

模态窗内第二次加载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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐