blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2026-01-09 00:28:27 +08:00
Code Issues Releases Wiki Activity

fix(markdown): use latest version of markdown comp, update api usage

Browse Source
This commit is contained in:
itsimddc 2025-09-14 00:33:29 +08:00
parent 6858a9ad67
commit beb8f0bb67
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -34,7 +34,7 @@
"screenfull": "4.2.0", "screenfull": "4.2.0",
"script-loader": "0.7.2", "script-loader": "0.7.2",
"sortablejs": "1.8.4", "sortablejs": "1.8.4",
"tui-editor": "1.3.3", "@toast-ui/editor": "3.1.3",
"vue": "2.6.10", "vue": "2.6.10",
"vue-count-to": "1.0.13", "vue-count-to": "1.0.13",
"vue-router": "3.0.2", "vue-router": "3.0.2",

21
src/components/MarkdownEditor/index.vue
View File

@ -5,10 +5,9 @@
<script> <script>
// deps for editor // deps for editor
import 'codemirror/lib/codemirror.css' // codemirror import 'codemirror/lib/codemirror.css' // codemirror
import 'tui-editor/dist/tui-editor.css' // editor ui import '@toast-ui/editor/dist/toastui-editor.css' // Editor's Style
import 'tui-editor/dist/tui-editor-contents.css' // editor content
import Editor from 'tui-editor' import Editor from '@toast-ui/editor'
import defaultOptions from './default-options' import defaultOptions from './default-options'
export default { export default {
@ -62,8 +61,8 @@ export default {
}, },
watch: { watch: {
value(newValue, preValue) { value(newValue, preValue) {
if (newValue !== preValue && newValue !== this.editor.getValue()) { if (newValue !== preValue && newValue !== this.editor.getMarkdown()) {
this.editor.setValue(newValue) this.editor.setMarkdown(newValue)
} }
}, },
language(val) { language(val) {
@ -85,27 +84,29 @@ export default {
}, },
methods: { methods: {
initEditor() { initEditor() {
console.log(this.editorOptions)
this.editor = new Editor({ this.editor = new Editor({
el: document.getElementById(this.id), el: document.getElementById(this.id),
...this.editorOptions ...this.editorOptions
}) })
if (this.value) { if (this.value) {
this.editor.setValue(this.value) this.editor.setMarkdown(this.value)
} }
this.editor.on('change', () => { this.editor.on('change', () => {
this.$emit('input', this.editor.getValue()) this.$emit('input', this.editor.getMarkdown())
}) })
this.editor.getMarkdown()
}, },
destroyEditor() { destroyEditor() {
if (!this.editor) return if (!this.editor) return
this.editor.off('change') this.editor.off('change')
this.editor.remove() this.editor.destroy()
}, },
setValue(value) { setValue(value) {
this.editor.setValue(value) this.editor.setMarkdown(value)
}, },
getValue() { getValue() {
return this.editor.getValue() return this.editor.getMarkdown()
}, },
setHtml(value) { setHtml(value) {
this.editor.setHtml(value) this.editor.setHtml(value)