diff --git a/resources/js/components/SMEditor.vue b/resources/js/components/SMEditor.vue index af5e7db..64efb53 100644 --- a/resources/js/components/SMEditor.vue +++ b/resources/js/components/SMEditor.vue @@ -18,12 +18,12 @@ import "tinymce/themes/silver"; import "tinymce/icons/default"; import "tinymce/models/dom"; -import "tinymce/plugins/image"; // 插入上传图片插件 -import "tinymce/plugins/media"; // 插入视频插件 -import "tinymce/plugins/table"; // 插入表格插件 -import "tinymce/plugins/lists"; // 列表插件 +import "tinymce/plugins/image"; +import "tinymce/plugins/media"; +import "tinymce/plugins/table"; +import "tinymce/plugins/lists"; import "tinymce/plugins/advlist"; -import "tinymce/plugins/link"; // 列表插件 +import "tinymce/plugins/link"; import "tinymce/plugins/autolink"; import "tinymce/plugins/lists"; import "tinymce/plugins/link"; @@ -33,7 +33,6 @@ import "tinymce/plugins/searchreplace"; import "tinymce/plugins/visualblocks"; import "tinymce/plugins/code"; import "tinymce/plugins/fullscreen"; -// import "tinymce/plugins/print"; import "tinymce/plugins/preview"; import "tinymce/plugins/anchor"; import "tinymce/plugins/insertdatetime"; @@ -45,17 +44,11 @@ import "tinymce/plugins/directionality"; import "tinymce/plugins/visualchars"; import "tinymce/plugins/template"; import "tinymce/plugins/codesample"; -// import "tinymce/plugins/hr"; import "tinymce/plugins/pagebreak"; import "tinymce/plugins/nonbreaking"; -// import "tinymce/plugins/toc"; -// import "tinymce/plugins/imagetools"; -// import "tinymce/plugins/textpattern"; -// import "tinymce/plugins/noneditable"; import "tinymce/plugins/emoticons"; import "tinymce/plugins/autosave"; -// import Trix from "trix"; import { ref, watch, computed, onUnmounted } from "vue"; import { arrayHasBasicMatch } from "../helpers/array"; @@ -114,19 +107,6 @@ const props = defineProps({ }, }); -/* height: 500, - menubar: false, - plugins: [ - 'advlist autolink lists link image charmap print preview anchor', - 'searchreplace visualblocks code fullscreen', - 'insertdatetime media table paste code help wordcount', - ], - toolbar: - 'undo redo | formatselect | bold italic backcolor | \ - alignleft aligncenter alignright alignjustify | \ - bullist numlist outdent indent | removeformat | help', -*/ - const init = { promotion: false, // emoticons_database_url: "/tinymce/plugins/emoticons/js/emojis.min.js", @@ -162,7 +142,21 @@ const init = { toolbar: "undo redo | bold italic underline strikethrough | fontselect fontsizeselect formatselect | alignleft aligncenter alignright alignjustify | outdent indent | numlist bullist | forecolor backcolor removeformat | pagebreak | charmap emoticons | fullscreen preview save print | insertfile image media template link anchor codesample | ltr rtl", branding: false, - menubar: true, + menubar: false, + toolbar_mode: "wrap", + link_list: [ + { title: "Tiny Home Page", value: "https://www.tiny.cloud" }, + { title: "Tiny Blog", value: "https://www.tiny.cloud/blog" }, + { + title: "TinyMCE Documentation", + value: "https://www.tiny.cloud/docs/", + }, + { + title: "TinyMCE on Stack Overflow", + value: "https://stackoverflow.com/questions/tagged/tinymce", + }, + { title: "TinyMCE GitHub", value: "https://github.com/tinymce/" }, + ], // https://www.tiny.cloud/docs/configure/file-image-upload/#images_upload_handler images_upload_handler: (blobInfo, success, failure) => { console.log(blobInfo);