你好,我有一个Angular js应用程序,其中我在使用带有自定义指令的ui-tinymce编辑器,但工具栏选项未初始化,如果我直接在控制器中使用它,则其下面的工作文件就是自定义指令的代码。
return {
restrict: 'E',
scope: {
value: '='
},
template: `
<textarea ui-tinymce="options" ng-model="value"></textarea>
<input name="image" type="file" id="upload" class="hidden" onchange="">
`,
link: function (scope, element, attrs) {
scope.options = {
paste_data_images: true,
plugins: 'link image code table',
toolbar: 'image fontselect bold italic underline | alignleft aligncenter alignright | code',
image_advtab: true,
file_picker_callback: (callback, value, meta) => {
if (meta.filetype === 'image') {
angular.element('#upload').trigger('click');
angular.element('#upload').on('change', function () {
var file = this.files[0];
if (file) {
$rootScope.isPreloderStart = true;
return Upload.upload({
url: 'api/examPortal_Questions/image',
method: "POST",
headers: {
'Content-Type': 'multipart/form-data'
},
data: {externalImage: file},
}).then(res => {
callback(res.data, {
alt: ''
});
$rootScope.isPreloderStart = false;
}).catch(err => {
$rootScope.isPreloderStart = false;
});
}
});
}
},
};
}
}
有人知道我在做什么错吗? 预先感谢。