15308555518/ MaxKB
1
0
Fork 0
mirror of https://github.com/1Panel-dev/MaxKB.git synced 2025-12-29 07:52:50 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

feat: markdown编辑器

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

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

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