diff --git a/package.json b/package.json index 3684a4b..d5cb2a7 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ }, "dependencies": { "@element-plus/icons-vue": "^2.0.6", + "@tinymce/tinymce-vue": "^5.0.0", "axios": "^0.26.1", "babel-plugin-transform-remove-console": "^6.9.4", "core-js": "^3.8.3", diff --git a/src/main.js b/src/main.js index 176ebea..9705939 100644 --- a/src/main.js +++ b/src/main.js @@ -19,7 +19,8 @@ import mavonEditor from 'mavon-editor' // note 这里引入的css能够全局使用 import 'mavon-editor/dist/css/index.css' - +import TinyEditor from '@tinymce/tinymce-vue' +// var Editor = require('@tinymce/tinymce-vue').default; const app = createApp(App) // @@ -50,6 +51,6 @@ app.component('SearchIcon', Search) app.component('PlusIcon', Plus) app.component('UserIcon', User) app.component('LockIcon', Lock) -app.use(router).use(store).use(ElementPlus).use(mavonEditor).mount('#app') +app.use(router).use(store).use(TinyEditor).use(ElementPlus).use(mavonEditor).mount('#app') // app.use(ElementPlus, { size: 'small', zIndex: 5000 }) // app.mount('#app') diff --git a/src/views/article/components/ArticleComment.vue b/src/views/article/components/ArticleComment.vue index a02d9e5..ff76648 100644 --- a/src/views/article/components/ArticleComment.vue +++ b/src/views/article/components/ArticleComment.vue @@ -31,20 +31,30 @@ -
+