上篇文章中,下载的 mavon-editor 是基于markdown的编辑器,同样他也可以自己解析自己的内容,下载安装全局引用都和上篇文章一样,这里我就不在写了!!直接进入主题,哈哈哈
1、页面中使用
<mavon-editor :value="content" :subfield="prop.subfield" :defaultOpen="prop.defaultOpen" :toolbarsFlag="prop.toolbarsFlag" :editable="prop.editable" :scrollStyle="prop.scrollStyle"></mavon-editor>
2、定义参数
export default {
data() {
return {
content:'', //内容
}
}
}
3、方法中使用
computed: {
prop() {
let data = {
subfield: false, // 单双栏模式
defaultOpen: "preview", //edit: 默认展示编辑区域 , preview: 默认展示预览区域
editable: false,
toolbarsFlag: false,
scrollStyle: true
};
return data;
}
},
网友评论