bp-mark-viewer

百瓶专属插件——markdown预览，同时支持移动端和PC端，项目地址为 http://192.168.3.98/CandyBox/bp-mark-viewer

Usage no npm install needed!

<script type="module">
  import bpMarkViewer from 'https://cdn.skypack.dev/bp-mark-viewer';
</script>

README

bp-mark-viewer

百瓶专属插件——markdown预览，同时支持移动端和PC端

项目地址 http://192.168.3.98/CandyBox/bp-mark-viewer

如何安装

npm install bp-mark-viewer --save

如何使用

// 在入口文件加载根组件之前执行以下操作
import BpMarkViewer from "bp-mark-viewer";
Vue.use(BpMarkViewer);

API文档

BpMarkViewer

v-bind:value - 初始化值，每次改变都会完全更新编辑器的内容
v-bind:padding - 预览内容的padding值，值为设计稿上web版的px值，会自动进行rem适配
v-bind:zoom - 缩放比例，默认为1
v-bind:imageWidthA - 是否用a标签将图片包裹（一般给ios项目 http://192.168.3.98/CandyBox/markdown-app-viewer 使用）
v-bind:useCustomRem - 使用自定义的rem，默认为0，不使用自定义的rem，否则自定义rem将生效
v-bind:imageTouchEnable - 图片上的触摸是否生效，默认true生效