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

update:更新文本项

上级 941aca41
......@@ -3,28 +3,28 @@
<!-- 直接内容类型 -->
<template v-if="Object.is(contentType, 'RAW')">
<template v-if="Object.is(renderMode, 'TEXT')">
<span :style="cssStyle">{{ value }}</span>
<span :style="cssStyle">{{ content }}</span>
</template>
<template v-else-if="Object.is(renderMode, 'HEADING1')">
<h1 :style="cssStyle">{{ value }}</h1>
<h1 :style="cssStyle">{{ content }}</h1>
</template>
<template v-else-if="Object.is(renderMode, 'HEADING2')">
<h2 :style="cssStyle">{{ value }}</h2>
<h2 :style="cssStyle">{{ content }}</h2>
</template>
<template v-else-if="Object.is(renderMode, 'HEADING3')">
<h3 :style="cssStyle">{{ value }}</h3>
<h3 :style="cssStyle">{{ content }}</h3>
</template>
<template v-else-if="Object.is(renderMode, 'HEADING4')">
<h4 :style="cssStyle">{{ value }}</h4>
<h4 :style="cssStyle">{{ content }}</h4>
</template>
<template v-else-if="Object.is(renderMode, 'HEADING5')">
<h5 :style="cssStyle">{{ value }}</h5>
<h5 :style="cssStyle">{{ content }}</h5>
</template>
<template v-else-if="Object.is(renderMode, 'HEADING6')">
<h6 :style="cssStyle">{{ value }}</h6>
<h6 :style="cssStyle">{{ content }}</h6>
</template>
<template v-else-if="Object.is(renderMode, 'PARAGRAPH')">
<p :style="cssStyle">{{ value }}</p>
<p :style="cssStyle">{{ content }}</p>
</template>
</template>
<!-- 图片类型 -->
......@@ -34,7 +34,7 @@
</template>
<!-- HTML类型 -->
<template v-else-if="Object.is(contentType, 'HTML')">
<div :style="cssStyle" v-html="value" />
<div :style="cssStyle" v-html="content" />
</template>
<!-- MARKDOWN类型 -->
<template v-else-if="Object.is(contentType, 'MARKDOWN')">
......@@ -120,6 +120,28 @@ export default class AppPreSetText extends Vue {
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
*
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册