在Typora中自定义图片或者视频样式
图片
在Typora中
1.在Typora中，只需要在编辑区内书写：![]()
标签即可，Typora会自动触发，并且更改颜色
2.接下来就可以在img标签内书写样式
3.注意：img标签需要必须添加alt 属性和src属性
<img alt="1" src="img.jpg">
4.案例
代码如下
<img alt="img" src="https://public-1310720021.cos.ap-shanghai.myqcloud.com/test/2022-7-4-14-53-16-325-7qkI.jpg">
截图
5.改变样式
代码截图
上面我将两张图片插入，并且一张左浮动，一张右浮动。只需要在行内写上style行内式，或者添加自己预设的类
以下是代码
<img alt="img" src="https://public-1310720021.cos.ap-shanghai.myqcloud.com/img/md/https/public-1310720021.cos.ap-shanghai.myqcloud.com/test/2022-07-04-22:58:48*2022-7-4-14-53-16-325-7qkI*a.jpeg" style="width:100px;float:left;">
视频
以下代码即可
<video id="video" controls="controls" style="width:200px;" preload="none">
<source id="mp4" src="https://public-1310720021.cos.ap-shanghai.myqcloud.com/test/2022-7-4-14-26-55-689-eVWj.webm" type="video/webm"/>
</video>
在vditor中
图片
1.vditor同typora一样
空白区域写入<img>也会变颜色，这样就可以在标签内添加属性
需要注意的是，如果将Typora中的img标签直接复制到vditor内，就会出现 ''，所以需要 先写入<img>标签，在将标签内的属性复制进去
视频
和Typora一样
