vue中使用MD

最新推荐文章于 2024-08-15 15:56:20 发布
最新推荐文章于 2024-08-15 15:56:20 发布
阅读量363 收藏
点赞数 1
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50539818/article/details/114523302
版权
本文介绍了如何在Vue项目中使用MavonEditor组件，展示了一个基本的安装和使用示例，包括如何绑定数据、监听保存事件以及处理图片上传。在图片上传部分，代码演示了如何通过axios将图片发送到服务器，并使用返回的URL替换Markdown中的占位符。同时，文章还展示了如何根据读写权限设置编辑器模式。
摘要由CSDN通过智能技术生成

安装
npm install mavon-editor --save
使用

<template>
  <div style="width: 100%;height: 100%">
    <mavon-editor v-model="value" @save="save" :toolbarsFlag="!readOnly" :defaultOpen="readOnly?'preview':'edit'" :ishljs = "true" :subfield="readOnly"  :editable="readOnly"
                  @imgAdd="imgAdd" ref="md"
    />
  </div>
</template>
 
<script>
  import {
   mavonEditor}
最低0.47元/天 解锁文章
先知预判
关注
专栏目录
vue.md
qq_36533879的博客
03-09 790
(个人记录) 必要 命名 组件名必写 组件名为多个单词 组件名为大驼峰 export default { name: 'TodoItem', // ... } 组件数据 data必须是函数 export default { data () { return { foo: 'bar' } } } Prop定义 尽可能详细，写出类型和默认值 props: { status: { type: String, default: 's.
vue组件的使用.md
05-16
vue组件的使用 1组件就是一个vue文件，在一个vue文件里面去使用组件，首先需要引用，并注册，代码如下 import Zujian1 from './Zujian1.vue' export default{ components:{Zujian1}, name:"Index", data(){ return{ } } } 2组件文件如下所示 hello [removed] export default{ name:"Zujian1", data(){ return{ } }, mounted() { }, methods:{ } } [removed] <style> </style> 3组件间的传值，父组件传值给子组件props。并在子组件调用子组件方法，需要引用的文件代码实例如下 [removed] import Zujian1 from './Zujian1.vue' export default{ components:{Zujian1}, name:"Index", data(){ return{ posts: [ { id: 1, title: 'My journey with Vue' }, { id: 2, title: 'Blogging with Vue' }, { id: 3, title: 'Why Vue is so fun' } ] } } } [removed] <style> </style> 引用文件完整代码如下 {{counter}} [removed] export default{ name:"Zujian1", props: ['title'], data(){ return{ counter: this.title } }, mounted() { }, methods:{ ceshi(){ alert(this.counter) } } } [removed] <style> </style>
vue项目里面读取md文件（markdown转html）
最新发布
Wancc123的博客
08-15 306
以下是总结 太懒了 不想做太多书写 只是记录一下 有需求的看看或者了解一下。以上是简单使用 ，如果还需要高亮 ，找文档看markdown()配置和高亮那个插件。找了个班上 最近给了个需求 让我在项目里面 引入md文件转成html。都是项目版本太低了 都是版本不兼容 自己瞎琢磨半天 搞出来了。真的去干主播了，看到这篇文章记得来dy看我直播，君泽（萤火突击）我是搜了又搜都没有适用的。
Vue.md
qq_41281571的博客
09-25 862
v-for:循环 var app=new Vue({ el:'#app', data:{ foodList:[ { name:"葱", price:5 }, { name:"姜", price:5 ...
【vue】vue2.x项目中使用md文件
zhangankang的博客
02-26 2895
Vue2.0项目展示md文件的三种方式
（方法）vue 中展示、读取.md 文件（批量引入、自定义代码块高亮样式）
次顶级的博客
11-29 7746
vue中读取、显示.md文件，单独及批量动态显示组件
vue展示md文件
认真和努力总没有错
06-28 7927
先安装插件，可以用来编辑md文件，和展示文件： npm install mavon-editor -S 在全局中引用 // 引入makrdown插件 import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' Vue.use(mavonEditor) 然后，你发现导入的md文件报错...
vue显示md文件
qq_42848534的博客
05-09 4431
vue显示md文件 环境搭建 <1>安装依赖库 cnpm i markdown-loader html-loader --save cnpm i showdown --save <2>build/webpack.base.conf.js添加 { test: /\.md$/, use: [ { loader: 'htm...
vue中使用MD5加密
热门推荐
Take_up的博客
09-06 2万+
前后台数据交互的时候，尤其是登录注册的时候MD5加密就用到了。 在vue中使用MD5加密 安装： 使用npmnpm install crypto --save 使用cdn<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script> 引入import crypto from 'crypto' 使用ge
在vue项目中使用md5加密的方法
10-18
在Vue项目中使用MD5加密，首先要安装一个JavaScript版本的MD5库，由于MD5函数并没有内置在JavaScript中，所以我们需要借助第三方库。常见的库有js-md5，可以通过npm来安装。在项目根目录打开终端，输入以下命令进行...
快速入门vue.md
05-11
快速入门vue，完整开发项目，从基础入门到项目提升，到vue高级，以及地图api，服务器搭建，ts等技术也完整铺设
vue常见问题.md
05-19
关于VUE的面试必考题，面试必备，很实用，也很关键
跟着禹神学Vue3.md
01-21
这个是学习禹神最新Vue课程做的笔记！！！
Vue引入并使用md文件方法
小破孩的博客
06-26 6235
第一步：在Vue项目中安装以下依赖： cnpm i markdown-loader html-loader --save cnpm i showdown --save 第二步：在build/webpack.base.conf.js文件中做如下配置：（配置在module里边） { test: /\.md$/, use: [ { loader: 'html-load...
vue展示.md文件
shidouyu的专栏
10-08 958
将md文件作为组件导入，注意：class的值必须包含 markdown-body ，否则样式无法生效！链接：https://www.jianshu.com/p/a84f8ddf0b04。需求：在vue项目中导入并展示markdown文件（使用的vue-cli3）安装 vue-loader 、vue-template-compiler。安装 github-markdown-css、highlight.js。在vue.config.js中配置webpack。安装 vue-markdown-loader。
Vue组件
xiayngbaidu12345的博客
03-15 104
基础-组件-组件体验 场景: 重复的页面结构,数据,逻辑 都可以抽提成一个组件 特点 简单 高效 不重复 基础-组件-组件特点 组件和实例相似之处: data/methods/computed/watch 等一应俱全 注意： data和Vue实例的区别为 组件中data为一个函数且需要返回一个对象 组件没有el选项 template 代表其**页面结构** (有且只要一个根元素) 每个组件都是**独立**的 运行作用域、数据、逻辑没有任何关联 基础-组件-全局组件 全局和局部: 注册
vue中使用md5解密
06-29
然后在Vue组件中使用它们来加密或解密（尽管MD5不支持解密）： ```javascript // 导入库 import MD5 from 'js-md5'; // 加密字符串 const originalValue = 'your_secret_string'; const encryptedValue = MD5/md5...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值