CSDN--MD编辑器学习--图片插入尺寸和对齐方式

简介: CSDN--MD编辑器学习--图片插入尺寸和对齐方式

图片插入尺寸和对齐方式调节:

  • 是不是有小萌新和我一样😁,插入图片非常的大,没有办法调整,或者想要图片居中对齐之类却没法调整呢?
  • 嘻嘻,跟着博主来学习吧!!!~😆

这个是我通过文件夹拖动,直接复制到编辑器上的,是不是尺寸很大。这很不方便我们文本的排版。


  • 我们发现我们编辑器图片下方有我们图片的链接,
  • 第一步,就是要复制图片链接(括号里的才是链接哦)
  • 第二步,我们打开CSDN富文本编辑器自带的 语法说明 ,并且选择图片。
  • 第三步,选择需要的对齐方式并且可调尺寸的代码复制。


  • 最后,将第一步复制的图片链接与第三步代码括号里的内容替换。(下方我选择的是居中并且带尺寸的图片)

最终代码:

![Alt](https://ucc.alicdn.com/images/user-upload-01/5c179405cb5e45f58b85bbf8073fd25f.jpeg#pic_center =250x250)

  • 注意:我们替换部分一般都是“=”或者‘#’前,建议自己可以尝试。
相关文章
|
JavaScript 数据可视化
基于fabric.js的图片编辑器, 画布背景实现原理
基于vue3 + fabric.js + vite + element-plus + typescript等技术,画布背景原理分析
基于fabric.js的图片编辑器, 画布背景实现原理
|
Shell Linux Apache
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
3683 0
|
JSON 数据格式
layui富文本编辑器文档layedit组件的调用和图片上传接口的使用
layui富文本编辑器文档layedit组件的调用和图片上传接口的使用
872 0
|
移动开发 前端开发 JavaScript
基于 HTML5 和 Canvas 开发的在线图片编辑器
基于 HTML5 和 Canvas 开发的在线图片编辑器
513 0
|
JavaScript
在Vue项目中vue-quill-editor的安装与使用【详细图解+过程+包含图片的缩放拖拽】
文章详细介绍了在Vue项目中安装和使用`vue-quill-editor`的步骤,包括如何通过npm安装、局部挂载、在Vue页面中引入和配置使用。同时,还提供了如何实现图片的缩放和拖拽功能的进阶教程,涉及到安装额外的插件`quill-image-drop-module`和`quill-image-resize-module`,以及对Webpack配置的调整。最后,文章还提供了实际效果展示和一些后续可能的拓展功能,如上传视频和将图片上传到服务器等。
在Vue项目中vue-quill-editor的安装与使用【详细图解+过程+包含图片的缩放拖拽】
|
JavaScript 数据安全/隐私保护 开发者
开源图片编辑器推荐-可用于海报编辑、商品设计、封面设计、标签设计等场景
推荐开源图片编辑器,基于fabric.js和Vue开发,适合海报、Logo等设计场景。拥有4.4K GitHub Stars,特性包括自定义字体、素材、模板,支持插件扩展、右键菜单及快捷键。提供图片滤镜、裁剪、拖拽、PSD导入、水印设置和分类素材管理。适用于非专业设计者,易于二次开发。
554 0
开源图片编辑器推荐-可用于海报编辑、商品设计、封面设计、标签设计等场景
|
JavaScript
【vue】 Tinymce 富文本编辑器 不想让上传的图片转换成base64,而是链接
【vue】 Tinymce 富文本编辑器 不想让上传的图片转换成base64,而是链接
919 0
|
定位技术
Pyglet综合应用|推箱子游戏地图编辑器之图片跟随鼠标
Pyglet综合应用|推箱子游戏地图编辑器之图片跟随鼠标
190 0
|
Java
【学习记录】IDEA编辑器 - 类、方法模板配置
【学习记录】IDEA编辑器 - 类、方法模板配置
294 0
【学习记录】IDEA编辑器 - 类、方法模板配置
|
IDE 编译器 开发工具
C语言学习准备-编辑器选择
本来是想给大家继续更新C语言经典案例,但是有朋友反应C语言编辑器的选择,刚好我自己也是想更换一下C语言的编辑器,跟大家分享一下之前的使用感受,以及目前新的一些感受。
319 0
C语言学习准备-编辑器选择