md中引入图片

1. 在sublime中写markdowm,引入图片写法如下

    参考样式:![Alt](images/1.png)

2.如果想改变图片大小,写法按如下不支持

    参考样式:![Alt](images/1.png =30x30)

3.可以通过如下方式解决

   <img src="images/1.png" width="30" height="30" />

注:https://www.jianshu.com/p/5c1805c6f0ff

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
md-editor-v3提供了上传图片的功能。你可以按照以下步骤来使用md-editor-v3上传图片: 1. 首先,确保你已经安装了md-editor-v3,并在你的项目引入了相关的依赖。 2. 在你的代码,使用`<MdEditor>`组件来创建一个Markdown编辑器实例,并将其绑定到一个数据变量上,例如`text`。 3. 在`<MdEditor>`组件,你可以使用`upload-image`属性来指定一个上传图片的回调函数。这个回调函数将在用户选择图片后被调用。 4. 在回调函数,你可以使用合适的方法来处理图片上传的逻辑。例如,你可以将图片上传到服务器,并返回一个图片的URL。 5. 在回调函数,你可以使用`insertText`方法来将图片的URL插入到编辑器。这样,图片就会显示在编辑器。 下面是一个示例代码,演示了如何在md-editor-v3上传图片: ```html <template> <MdEditor v-model="text" :upload-image="uploadImage" /> </template> <script setup> import { ref } from 'vue'; import { MdEditor } from 'md-editor-v3'; import 'md-editor-v3/lib/style.css'; const text = ref('# Hello Editor'); const uploadImage = (file) => { // 在这里处理图片上传的逻辑,例如将图片上传到服务器并返回图片的URL const imageUrl = 'https://example.com/image.jpg'; // 将图片的URL插入到编辑器 MdEditor.insertText(`![Image](${imageUrl})`); } </script> ``` 请注意,上述代码仅为示例,你需要根据你的实际需求来实现图片上传的逻辑。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值