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

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

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

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

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


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


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

最终代码:

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

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

热门文章

最新文章