提交 e6cc0ed4 编写于 作者: Shine-zwj's avatar Shine-zwj

update:更新文本项

上级 941aca41
...@@ -3,28 +3,28 @@ ...@@ -3,28 +3,28 @@
<!-- 直接内容类型 --> <!-- 直接内容类型 -->
<template v-if="Object.is(contentType, 'RAW')"> <template v-if="Object.is(contentType, 'RAW')">
<template v-if="Object.is(renderMode, 'TEXT')"> <template v-if="Object.is(renderMode, 'TEXT')">
<span :style="cssStyle">{{ value }}</span> <span :style="cssStyle">{{ content }}</span>
</template> </template>
<template v-else-if="Object.is(renderMode, 'HEADING1')"> <template v-else-if="Object.is(renderMode, 'HEADING1')">
<h1 :style="cssStyle">{{ value }}</h1> <h1 :style="cssStyle">{{ content }}</h1>
</template> </template>
<template v-else-if="Object.is(renderMode, 'HEADING2')"> <template v-else-if="Object.is(renderMode, 'HEADING2')">
<h2 :style="cssStyle">{{ value }}</h2> <h2 :style="cssStyle">{{ content }}</h2>
</template> </template>
<template v-else-if="Object.is(renderMode, 'HEADING3')"> <template v-else-if="Object.is(renderMode, 'HEADING3')">
<h3 :style="cssStyle">{{ value }}</h3> <h3 :style="cssStyle">{{ content }}</h3>
</template> </template>
<template v-else-if="Object.is(renderMode, 'HEADING4')"> <template v-else-if="Object.is(renderMode, 'HEADING4')">
<h4 :style="cssStyle">{{ value }}</h4> <h4 :style="cssStyle">{{ content }}</h4>
</template> </template>
<template v-else-if="Object.is(renderMode, 'HEADING5')"> <template v-else-if="Object.is(renderMode, 'HEADING5')">
<h5 :style="cssStyle">{{ value }}</h5> <h5 :style="cssStyle">{{ content }}</h5>
</template> </template>
<template v-else-if="Object.is(renderMode, 'HEADING6')"> <template v-else-if="Object.is(renderMode, 'HEADING6')">
<h6 :style="cssStyle">{{ value }}</h6> <h6 :style="cssStyle">{{ content }}</h6>
</template> </template>
<template v-else-if="Object.is(renderMode, 'PARAGRAPH')"> <template v-else-if="Object.is(renderMode, 'PARAGRAPH')">
<p :style="cssStyle">{{ value }}</p> <p :style="cssStyle">{{ content }}</p>
</template> </template>
</template> </template>
<!-- 图片类型 --> <!-- 图片类型 -->
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
</template> </template>
<!-- HTML类型 --> <!-- HTML类型 -->
<template v-else-if="Object.is(contentType, 'HTML')"> <template v-else-if="Object.is(contentType, 'HTML')">
<div :style="cssStyle" v-html="value" /> <div :style="cssStyle" v-html="content" />
</template> </template>
<!-- MARKDOWN类型 --> <!-- MARKDOWN类型 -->
<template v-else-if="Object.is(contentType, 'MARKDOWN')"> <template v-else-if="Object.is(contentType, 'MARKDOWN')">
...@@ -120,6 +120,28 @@ export default class AppPreSetText extends Vue { ...@@ -120,6 +120,28 @@ export default class AppPreSetText extends Vue {
return this.dynaImgUrl; return this.dynaImgUrl;
} }
/**
* 内容
*
* @memberof AppPreSetText
*/
get content(): string {
let content = this.value;
if (this.contentType == 'HTML') {
const items = content.match(/\{{(.+?)\}}/g);
if (items) {
items.forEach((item: string) => {
content = content.replace(/\{{(.+?)\}}/, eval(item.substring(2, item.length - 2)));
});
}
content = content.replaceAll('&lt;', '<');
content = content.replaceAll('&gt;', '>');
content = content.replaceAll('&amp;nbsp;', ' ');
content = content.replaceAll('&nbsp;', ' ');
}
return content;
}
/** /**
* Vue生命周期 --- Created * Vue生命周期 --- Created
* *
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册