文件预览系列：

mavon-editor预览Markdown文件

xlsx预览excel文件

一、安装插件：mavon-editor

npm i mavon-editor --save

二、在主文件中引入，并注册

import mavonEditor from 'mavon-editor';
import 'mavon-editor/dist/css/index.css'; // 编辑功能的样式...Vue.use(mavonEditor);

三、使用

<template><mavon-editor v-model="value" :subfield="prop.subfield" :defaultOpen="prop.defaultOpen":toolbarsFlag="prop.toolbarsFlag" :editable="prop.editable" :scrollStyle="prop.scrollStyle":boxShadow="prop.boxShadow" ref="md"/>
</template>
<script>export default {data () {return {value: '## 父子页面通信\n'};},computed: {prop () {return {subfield: false,// true：双栏(编辑预览同屏)，false： 单栏(编辑预览分屏)defaultOpen: 'preview',//edit： 默认展示编辑区域 ， preview： 默认展示预览区域editable: false, // 是否允许编辑toolbarsFlag: false, // 工具栏scrollStyle: false, // 滚动条样式--只支持ChromeboxShadow: true//边框阴影};}}};
</script>

具体的其他的属性，可以看下mavon-editor官网

四、效果

仅预览：

编辑功能：

文件预览：Markdown文件预览相关推荐

Goolge浏览器预览markdown文件
一.下载插件包 :下载地址二.解压插件包三.打开Google浏览器扩展程序方法1: 在浏览器地址栏输入后回车:chrome://extensions/ 方法2: 打开设置,找到扩展程序四.打 ...
labeme批量转换json文件_Python实现markdown文件批量转换为word
Python实现markdown文件批量转换为word 正所谓,不会markdown的技术员不是老司机,自从用上markdown之后,人生又到了一波小高峰.有好东西怎么能不共享之,因此随之我不断的普( ...
IntelliJ IDEA 无法预览Markdown 文件的解决思路 - 无GPU渲染
问题 IDEA plugin Markdown 插件启用的状态下,无法渲染preview 尝试过此博客提供的方法,依然没有解决解决遂决定前往jetbrains youtrack寻找答案,果真给我找 ...
文件预览：使用xlsx预览excel文件
文件预览系列: mavon-editor预览Markdown文件 xlsx预览excel文件注意事项: 多sheet页的情况需要自己手动处理一.安装插件:xlsx // 我目前使用的是0.17.5 ...
linux 预览md文件_利用Tornado搭建文档预览系统
在平时的工作或学习中,我们经常会接触不同格式的文档类型,比如txt,log,Offices文档,编程代码脚本,图片,视频等.本文将会介绍笔者的一个朴素想法,即把不同格式的文档都放在同一个平台中进行预览 ...
Sublime Text3 的 Markdown 实时预览全面总结
Sublime Text3 的 Markdown 实时预览全面总结文章转自:https://blog.csdn.net/qq_20011607/article/details/81370236 0. ...
将多个markdown文件发布为一个html或pdf文件的方法梳理
1.借助gitbook gitbook通过一个名称为SUMMARY.md的文件来组织文档,示例内容如下: # Summary* [Introduction](README.md) * [Install ...
【油猴脚本】Hypothesis导出为markdown文件
简述地址:https://greasyfork.org/zh-CN/scripts/441640 导出Hypothesis高亮和注释为markdown文件功能在 https://hypothes ...
HTTP文件浏览（静态文件+express4.x+md/code文件渲染）
问题暴露之前做的HTTP浏览是使用express2.x版本做的...,因为参考书比较旧了. express2.x中没有express4.x中的res.sendFile()方法,之前发送文件是使用的s ...

文件预览：Markdown文件预览

文件预览系列：

一、安装插件：mavon-editor

二、在主文件中引入，并注册

三、使用

四、效果

仅预览：

编辑功能：

文件预览：Markdown文件预览相关推荐

最新文章

热门文章