images_upload_handler 在 TinyMCE 中不工作 Angular 8
images_upload_handler in TinyMCE not working on Angular 8
我试图在我的 Angular 项目中使用 images_upload_handler。我以这种方式构建了我的编辑器:
<editor
apiKey="7ep8ch9d1u9a3i9k70tuuxzt68xm7a3un2vrgj6y7mr4b2ta"
initialValue=""
formControlName="purpose"
[init]="{
height: 310,
selector: '#purpose',
plugins: [
'advlist autolink lists link image imagetools charmap print',
'preview anchor searchreplace visualblocks',
'fullscreen insertdatetime media table paste',
'wordcount'
],
codesample_global_prismjs: true,
toolbar:
'undo redo | formatselect | bold italic | \
alignleft aligncenter alignright alignjustify | \
bullist numlist image ',
image_title: true,
automatic_uploads: true,
imagetools_toolbar: 'rotateleft rotateright | flipv fliph | editimage imageoptions',
file_picker_types: 'image',
images_upload_handler: imageupload(blobInfo, success, failure)
}"
>
</editor>
虽然imageupload(a, b, c)触发成功,但是bolbInfo,success和failure都是undefined。我在 Angular 6 上尝试了一个示例,它可以正常工作并且也可以正常接收 blobInfo。
如果我做错了什么请告诉我。顺便说一句,我的tinymce版本是4.6.1.
images_upload_handler: imageupload(blobInfo, success, failure)
原来是错的。它应该是 images_upload_handler: (blobInfo, success, failure) => imageupload(blobInfo, success, failure)
但这在 HTML 文件中不被接受。所以我把整个初始化设置放到存储为 'init1' 的 ts 文件中。现在可以正常使用了。
希望对大家有所帮助。
我试图在我的 Angular 项目中使用 images_upload_handler。我以这种方式构建了我的编辑器:
<editor
apiKey="7ep8ch9d1u9a3i9k70tuuxzt68xm7a3un2vrgj6y7mr4b2ta"
initialValue=""
formControlName="purpose"
[init]="{
height: 310,
selector: '#purpose',
plugins: [
'advlist autolink lists link image imagetools charmap print',
'preview anchor searchreplace visualblocks',
'fullscreen insertdatetime media table paste',
'wordcount'
],
codesample_global_prismjs: true,
toolbar:
'undo redo | formatselect | bold italic | \
alignleft aligncenter alignright alignjustify | \
bullist numlist image ',
image_title: true,
automatic_uploads: true,
imagetools_toolbar: 'rotateleft rotateright | flipv fliph | editimage imageoptions',
file_picker_types: 'image',
images_upload_handler: imageupload(blobInfo, success, failure)
}"
>
</editor>
虽然imageupload(a, b, c)触发成功,但是bolbInfo,success和failure都是undefined。我在 Angular 6 上尝试了一个示例,它可以正常工作并且也可以正常接收 blobInfo。
如果我做错了什么请告诉我。顺便说一句,我的tinymce版本是4.6.1.
images_upload_handler: imageupload(blobInfo, success, failure)
原来是错的。它应该是 images_upload_handler: (blobInfo, success, failure) => imageupload(blobInfo, success, failure)
但这在 HTML 文件中不被接受。所以我把整个初始化设置放到存储为 'init1' 的 ts 文件中。现在可以正常使用了。
希望对大家有所帮助。