liz/wikijs-fork
liz/wikijs-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: missing code highlighting when toggling markdown preview (#1484)

Browse Source
This commit is contained in:
NGPixel 2020-03-15 19:31:59 -04:00
parent 88f707b7c1
commit bf9c6dda1c
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/components/editor/editor-markdown.vue
View File

@ -347,6 +347,16 @@ export default {
mode: get('editor/mode'), mode: get('editor/mode'),
activeModal: sync('editor/activeModal') activeModal: sync('editor/activeModal')
}, },
watch: {
previewShown (newValue, oldValue) {
if (newValue && !oldValue) {
this.$nextTick(() => {
Prism.highlightAllUnder(this.$refs.editorPreview)
Array.from(this.$refs.editorPreview.querySelectorAll('pre.line-numbers')).forEach(pre => pre.classList.add('prismjs'))
})
}
}
},
methods: { methods: {
toggleModal(key) { toggleModal(key) {
this.activeModal = (this.activeModal === key) ? '' : key this.activeModal = (this.activeModal === key) ? '' : key