hinesboy / mavonEditor

mavonEditor - A markdown editor based on Vue that supports a variety of personalized features
http://www.mavoneditor.com/
MIT License
6.45k stars 918 forks source link

如何在mavon里解析html标签 #621

Open mkc0423 opened 4 years ago

mkc0423 commented 4 years ago

改用了mavon,但过去的内容都是传统editor产生的,里面有很多html标签,例如p标签,a标签,在编辑这些内容的时候,会在mavon里原样显示出来,有什么办法解析掉这些标签吗

mkc0423 commented 4 years ago

用v-html能解析掉html标签,但这样就没法编辑了,用v-model就不解析标签

ygj6 commented 3 years ago

v-html解析后的和v-model预览区域解析的效果是相同的呀?

测试代码:

<template>
    <div id="editor">
        <h1>v-html效果:</h1>
        <mavon-editor v-html="htmlStr"></mavon-editor>
        <h1>v-model效果:</h1>
        <mavon-editor v-model="htmlStr"></mavon-editor>
    </div>
</template>
<script>
module.exports = {
    name: 'editor',
    data: function() {
        return {
            htmlStr:`<h1>test</h1>
<p>test32</p>`
        };
    },
    computed: {
    },
    methods: {
    }
}
</script>

image