当前位置: 首页 > news >正文

在typora中利用正则表达式,批量处理图片

一,png格式

在 Typora 中批量将 HTML 图片标签转换为简化的 Markdown 图片链接,且忽略 altstyle 属性,可以按照以下步骤操作:

  1. 打开 Typora 并加载你的文档。
  2. 按下 Ctrl + H(在 Windows/Linux 上)或 Cmd + Option + F(在 macOS 上)打开查找和替换对话框。
  3. 在“查找内容”框中输入以下表达式:
<img\s+src="images/(\d+\.png)"\s+alt="[^"]*"\s+style="[^"]*"\s*/>
  1. 在“替换为”框中输入:
    ![](images/$1)
  2. 确保勾选了“使用正则表达式”选项。
  3. 点击“全部替换”按钮应用更改。

正则表达式解释:

  • <img\s+:查找 <img 标签开始,后面跟着一个或多个空白字符。
  • src="images/(\d+\.png)":查找 src 属性,并且捕获匹配 images/ 后面跟着一串数字和 .png 扩展名的字符串。
  • \s+alt="[^"]*":查找 alt 属性,但不捕获其值(匹配任意非引号字符)。
  • \s+style="[^"]*":查找 style 属性,同样不捕获其值。
  • \s*/>:查找标签的结束部分,可能包含空白字符。

替换规则解释:

  • ![]($1):Markdown 图片语法,其中 $1 代表第一个捕获组(图片文件名)。

请注意,正则表达式中的 \d+ 假定了文件名是由数字组成,.png 是文件扩展名。如果你的图片文件名包含其他字符或格式,需要相应地调整正则表达式。

在执行替换之前,请确保备份你的文档,以防止任何意外的数据丢失。

二,gif格式

在 Typora 中批量将 HTML 图片标签转换为 Markdown 格式,并去除 altstyle 属性,适用于动态图(如 .gif 文件),可以按照以下步骤操作:

  1. 打开 Typora 并加载你的文档。
  2. 按下 Ctrl + H(在 Windows/Linux 上)或 Cmd + Option + F(在 macOS 上)打开查找和替换对话框。
  3. 在“查找内容”框中输入以下表达式:
    <img\s+src="images/(.*?)"\s+alt="[^"]*"\s+style="[^"]*"\s*/>
  4. 在“替换为”框中输入:
    ![](images/$1)
  5. 确保勾选了“使用正则表达式”选项。
  6. 点击“全部替换”按钮应用更改。

正则表达式解释:

  • <img\s+:查找以 <img 开始的部分,后面跟着一个或多个空白字符。
  • src="images/(.*?)":匹配 src 属性,并使用非贪婪模式 .*? 捕获 images/ 后面直到下一个引号之前的所有字符,即文件路径和文件名。
  • \s+alt="[^"]*":匹配 alt 属性,但不捕获其值。
  • \s+style="[^"]*":匹配 style 属性,同样不捕获其值。
  • \s*/>:匹配标签的结束部分,可能包含空白字符。

替换规则解释:

  • ![]($1):Markdown 图片语法,$1 代表第一个捕获组的值,即 src 属性中捕获的文件路径和文件名。

请注意,这个正则表达式假设 src 属性的值始终以 "images/" 开头,并且文件名可能包含任何字符,直到遇到下一个引号。如果你的图片路径有所不同,或者有其他特殊情况,可能需要调整正则表达式以适应不同的情况。

在执行替换之前,请确保备份你的文档,以防止任何意外的数据丢失或错误替换。

三,无style格式

在Typora中批量将HTML图片标签转换为Markdown格式,并去除alt属性(但保留src属性),可以按照以下步骤操作:

  1. 打开Typora并加载你的文档。
  2. 按下 Ctrl + H(在 Windows/Linux 上)或 Cmd + Option + F(在 macOS 上)打开查找和替换对话框。
  3. 在“查找内容”框中输入以下表达式:
    <img\s+src="images/([^"]+)"\s+alt="[^"]*"\s*/>
  4. 在“替换为”框中输入:
    ![](images/$1)
  5. 确保勾选了“使用正则表达式”选项。
  6. 点击“全部替换”按钮应用更改。

正则表达式解释:

  • <img\s+:查找以 <img 开始的部分,后面跟着一个或多个空白字符。
  • src="images/([^"]+)":匹配 src 属性,并捕获 images/ 后面直到下一个引号之前的所有字符,即文件路径和文件名。
  • \s+alt="[^"]*":匹配 alt 属性,但不捕获其值。
  • \s*/>:匹配标签的结束部分,可能包含空白字符。

替换规则解释:

  • ![]($1):Markdown 图片语法,$1 代表第一个捕获组的值,即 src 属性中捕获的文件路径和文件名。

请注意,这个正则表达式假设 src 属性的值始终以 "images/" 开头,并且文件扩展名是 .png。如果你的图片路径有所不同,或者有其他特殊情况,可能需要调整正则表达式以适应不同的情况。

在执行替换之前,请确保备份你的文档,以防止任何意外的数据丢失或错误替换。

相关文章:

  • 【MySQL】MySQL45讲-读书笔记
  • 通过Stream流对集合进行操作
  • PHP聚合通多平台支付平台源码
  • 关于stm32的软件复位
  • spark MLlib (DataFrame-based) 中的聚类算法Bisecting K-Means、K-Means、Gaussian Mixture
  • 美丽的拉萨,神奇的布达拉宫
  • 项目实战系列——WebSocket——websock简介
  • 微服务之远程调用
  • 安装好IDEA后,就能够直接开始跑代码了吗?
  • 助力高考,一组彩色的文字
  • 趣谈网络协议
  • 第七章 Three.js 动画与交互
  • 热门开源项目推荐:技术与地址概览
  • laravel8使用中间件实现xss处理
  • 简单说一下STL中的map容器的特点、底层实现和应用场景【面试】
  • $translatePartialLoader加载失败及解决方式
  • [js高手之路]搞清楚面向对象,必须要理解对象在创建过程中的内存表示
  • Idea+maven+scala构建包并在spark on yarn 运行
  • iOS编译提示和导航提示
  • React的组件模式
  • Redux 中间件分析
  • webgl (原生)基础入门指南【一】
  • 浏览器缓存机制分析
  • 面试总结JavaScript篇
  • 前端_面试
  • 人脸识别最新开发经验demo
  • 时间复杂度与空间复杂度分析
  • 数组大概知多少
  • 怎么把视频里的音乐提取出来
  • 自动记录MySQL慢查询快照脚本
  • media数据库操作,可以进行增删改查,实现回收站,隐私照片功能 SharedPreferences存储地址:
  • 仓管云——企业云erp功能有哪些?
  • 大数据全解:定义、价值及挑战
  • ​LeetCode解法汇总2583. 二叉树中的第 K 大层和
  • #13 yum、编译安装与sed命令的使用
  • #我与Java虚拟机的故事#连载16:打开Java世界大门的钥匙
  • $.ajax()方法详解
  • (+4)2.2UML建模图
  • (03)光刻——半导体电路的绘制
  • (04)odoo视图操作
  • (27)4.8 习题课
  • (Java岗)秋招打卡!一本学历拿下美团、阿里、快手、米哈游offer
  • (JSP)EL——优化登录界面,获取对象,获取数据
  • (Redis使用系列) Springboot 实现Redis 同数据源动态切换db 八
  • (zt)基于Facebook和Flash平台的应用架构解析
  • (附源码)springboot宠物管理系统 毕业设计 121654
  • (附源码)springboot学生选课系统 毕业设计 612555
  • (接口自动化)Python3操作MySQL数据库
  • (十八)devops持续集成开发——使用docker安装部署jenkins流水线服务
  • (四)c52学习之旅-流水LED灯
  • (提供数据集下载)基于大语言模型LangChain与ChatGLM3-6B本地知识库调优:数据集优化、参数调整、Prompt提示词优化实战
  • (一)UDP基本编程步骤
  • (转)fock函数详解
  • (转)从零实现3D图像引擎:(8)参数化直线与3D平面函数库
  • (转)详解PHP处理密码的几种方式