I found a lot of editors, including Baidu (UEditor) the backend (Java backend not supported) is restricted,
The wangEditor editor edits articles with no line height,
And it was so compact that I decided to go with Tinymce(with file code at the end)
1, NPM installation using Tinymce, the following two should be installed
npm install tinymce -S
npm install @tinymce/tinymce-vue -S
2. Copy the tinymce/skins package in node_modules and put it in the root directory /static
3. Download the Chinese package
Chinese package through train
4, create a new Vue file, I calledtinymce-editor.vue Initialize tinymce and import plugins (basic plugins are in node_modules/tinymce/plugins)Tinymce websiteDownload third-party plugins.
4.1 Importing plug-ins
4.2 Introduction of plugins (plugins and toolbars are indispensable, such as emoticons)
4.3 the initialization
5. Upload pictures
Mounted (); mounted (); mounted ()
7. Create a new Vue file and then reference the editor file
Editor source code:
\
Invoke the editor template
import TinymceEditor from ‘@/components/tinymce-editor.vue’;
