openSourceRemote/mind-map
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Demo：修复节点内容为html标签时大纲无法显示和编辑的问题

Browse Source
This commit is contained in:
wanglin2 2023-11-20 15:46:33 +08:00
parent 217f5ee95d
commit 0d4cbc7344
3 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
simple-mind-map/src/utils/index.js
View File

@ -629,7 +629,7 @@ export const textToNodeRichTextWithWrap = html => {
} }
return list return list
.map(item => { .map(item => {
return `<p><span>${item}</span></p>` return `<p><span>${htmlEscape(item)}</span></p>`
}) })
.join('') .join('')
} }

6
web/src/pages/Edit/components/Outline.vue
View File

@ -42,7 +42,8 @@ import {
nodeRichTextToTextWithWrap, nodeRichTextToTextWithWrap,
textToNodeRichTextWithWrap, textToNodeRichTextWithWrap,
getTextFromHtml, getTextFromHtml,
createUid createUid,
htmlEscape
} from 'simple-mind-map/src/utils' } from 'simple-mind-map/src/utils'
// 大纲树 // 大纲树
@ -129,10 +130,11 @@ export default {
let data = this.mindMap.getData() let data = this.mindMap.getData()
data.root = true // 标记根节点 data.root = true // 标记根节点
let walk = root => { let walk = root => {
const text = (root.data.richText let text = (root.data.richText
? nodeRichTextToTextWithWrap(root.data.text) ? nodeRichTextToTextWithWrap(root.data.text)
: root.data.text : root.data.text
).replaceAll(/\n/g, '<br>') ).replaceAll(/\n/g, '<br>')
text = htmlEscape(text)
root.textCache = text // 保存一份修改前的数据，用于对比是否修改了 root.textCache = text // 保存一份修改前的数据，用于对比是否修改了
root.label = text root.label = text
root.uid = root.data.uid root.uid = root.data.uid

6
web/src/pages/Edit/components/OutlineEdit.vue
View File

@ -54,7 +54,8 @@ import {
textToNodeRichTextWithWrap, textToNodeRichTextWithWrap,
getTextFromHtml, getTextFromHtml,
createUid, createUid,
simpleDeepClone simpleDeepClone,
htmlEscape
} from 'simple-mind-map/src/utils' } from 'simple-mind-map/src/utils'
import { storeData } from '@/api' import { storeData } from '@/api'
@ -102,10 +103,11 @@ export default {
let data = this.mindMap.getData() let data = this.mindMap.getData()
data.root = true // 标记根节点 data.root = true // 标记根节点
let walk = root => { let walk = root => {
const text = (root.data.richText let text = (root.data.richText
? nodeRichTextToTextWithWrap(root.data.text) ? nodeRichTextToTextWithWrap(root.data.text)
: root.data.text : root.data.text
).replaceAll(/\n/g, '<br>') ).replaceAll(/\n/g, '<br>')
text = htmlEscape(text)
root.textCache = text // 保存一份修改前的数据，用于对比是否修改了 root.textCache = text // 保存一份修改前的数据，用于对比是否修改了
root.label = text root.label = text
root.uid = root.data.uid root.uid = root.data.uid