abp 中wangEditor-angular 的使用
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了abp 中wangEditor-angular 的使用,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2026字,纯文字阅读大概需要3分钟。
内容图文
![abp 中wangEditor-angular 的使用](/upload/InfoBanner/zyjiaocheng/1112/70309bcc80a64277b4603a3a2b4fedea.jpg)
主要是上传图片的配置。
(function () {
if (typeof angular === ‘undefined‘) {
return;
}
angular.module(‘editorContainer‘, [])
//.constant(‘uiBsEditor‘, { uiEditor: {} })
.directive(‘contenteditable‘, function () {
return {
restrict: ‘A‘,
//scope:true,
//scope: { ‘id‘: ‘&id‘ },
require: ‘ngModel‘,
link: function ($scope, element, attrs, ctrl) {
// 创建编辑器
//scope = $scope;
var editor = new wangEditor(element);
//1.改名很重要,因为files不改的话,会报告参数不一样
editor.config.uploadImgFileName = "files";
//2.上传路径
editor.config.uploadImgUrl = attrs.upimageurl|| ‘‘; //$scope.vm.editer.upimageurl;// ‘/fileupload/postimage‘;
// editor.config.uploadHeaders = attrs.token || ‘‘;
//3.防XSRF
if (attrs.token) {
editor.config.uploadHeaders = {
‘X-XSRF-TOKEN‘: attrs.token
};
}
//editor.config.customUpload = true; // 配置自定义上传的开关
//editor.config.customUploadInit = $scope.vm.uploadFiles; // 配置上传事件,uploadInit方法已经在上面定义了
editor.config.hideLinkImg = true;
editor.config.menus = [
‘source‘,
‘|‘,
‘bold‘,
‘underline‘,
‘italic‘,
‘strikethrough‘,
‘eraser‘,
‘forecolor‘,
‘bgcolor‘,
‘|‘,
‘quote‘,
‘fontfamily‘,
‘fontsize‘,
‘head‘,
‘unorderlist‘,
‘orderlist‘,
‘alignleft‘,
‘aligncenter‘,
‘alignright‘,
‘|‘,
‘link‘,
‘unlink‘,
‘table‘,
‘emotion‘,
‘|‘,
‘img‘,
‘video‘,
‘|‘,
‘undo‘,
‘redo‘,
‘fullscreen‘
];
ctrl.$render = function () {
element.html(ctrl.$viewValue || ‘‘);
};
editor.onchange = function () {
// 从 onchange 函数中更新数据
$scope.$apply(function () {
var html = editor.$txt.html();
ctrl.$setViewValue(html);
});
};
editor.create();
$scope.$on(‘$destroy‘, function () {
editor.destroy();
delete editor;
});
}
};
});
})();
前台html
<div ng-model="vm.internalclassinfo.classInfo" upimageurl="{{vm.uploadurl}}" token="{{vm.token}}" contenteditable="true" style="height:350px;"></div>
前台js
vm.uploadurl = abp.appPath + "FileUpload/Upload2?uptype=cmsimage";
vm.token = abp.security.antiForgery.getToken();
后台
public string Upload2(IEnumerable<HttpPostedFileBase> files)
这里只写一个定义即可。
关键点已加红字。
原文:https://www.cnblogs.com/forhell/p/9055435.html
内容总结
以上是互联网集市为您收集整理的abp 中wangEditor-angular 的使用全部内容,希望文章能够帮你解决abp 中wangEditor-angular 的使用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。