zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: markdown编辑器

Browse Source
This commit is contained in:
wangdan-fit2cloud 2024-03-14 18:15:55 +08:00
parent d8cb5f44d7
commit 20628283e4
2 changed files with 28 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
ui/src/components/markdown-renderer/MdRenderer.vue
View File

@ -5,7 +5,6 @@
:modelValue="item" :modelValue="item"
v-for="(item, index) in md_view_list" v-for="(item, index) in md_view_list"
:key="index" :key="index"
@onHtmlChanged="onHtmlChanged"
class="maxkb-md" class="maxkb-md"
/> />
</template> </template>
@ -37,19 +36,19 @@ const md_view_list = computed(() => {
}) })
return result return result
}) })
const onHtmlChanged = () => { // const onHtmlChanged = () => {
appendTarget() // appendTarget()
} // }
const appendTarget = () => { // const appendTarget = () => {
nextTick(() => { // nextTick(() => {
var item = document.getElementsByClassName('maxkb-md') // var item = document.getElementsByClassName('maxkb-md')
for (var j = 0; j < item.length; j++) { // for (var j = 0; j < item.length; j++) {
var aTags = item[j].getElementsByTagName('a') // var aTags = item[j].getElementsByTagName('a')
for (var i = 0; i < aTags.length; i++) { // for (var i = 0; i < aTags.length; i++) {
aTags[i].setAttribute('target', '_blank') // aTags[i].setAttribute('target', '_blank')
} // }
} // }
}) // })
} // }
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

29
ui/src/views/paragraph/component/ParagraphForm.vue
View File

@ -36,7 +36,6 @@
ref="editorRef" ref="editorRef"
editorId="preview-only" editorId="preview-only"
:modelValue="form.content" :modelValue="form.content"
@onHtmlChanged="onHtmlChanged"
class="maxkb-md" class="maxkb-md"
/> />
<!-- <span v-else class="break-all lighter">{{ form.content }}</span> --> <!-- <span v-else class="break-all lighter">{{ form.content }}</span> -->
@ -136,20 +135,20 @@ function validate() {
}) })
} }
const onHtmlChanged = () => { // const onHtmlChanged = () => {
appendTarget() // appendTarget()
} // }
const appendTarget = () => { // const appendTarget = () => {
nextTick(() => { // nextTick(() => {
var item = document.getElementsByClassName('maxkb-md') // var item = document.getElementsByClassName('maxkb-md')
for (var j = 0; j < item.length; j++) { // for (var j = 0; j < item.length; j++) {
var aTags = item[j].getElementsByTagName('a') // var aTags = item[j].getElementsByTagName('a')
for (var i = 0; i < aTags.length; i++) { // for (var i = 0; i < aTags.length; i++) {
aTags[i].setAttribute('target', '_blank') // aTags[i].setAttribute('target', '_blank')
} // }
} // }
}) // })
} // }
onUnmounted(() => { onUnmounted(() => {
form.value = { form.value = {