在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/>

  4. 在"替换为"框中输入:

    复制代码
    ![](images/$1)
  5. 确保勾选了"使用正则表达式"选项。

  6. 点击"全部替换"按钮应用更改。

正则表达式解释:

  • <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。如果你的图片路径有所不同,或者有其他特殊情况,可能需要调整正则表达式以适应不同的情况。

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

相关推荐
hanliu20032 小时前
实训11 正则表达式
正则表达式
fruge1 天前
前端正则表达式实战合集:表单验证与字符串处理高频场景
前端·正则表达式
爱吃甜品的糯米团子1 天前
JavaScript 正则表达式:选择、分组与引用深度解析
前端·javascript·正则表达式
高山上有一只小老虎2 天前
java 正则表达式大全
java·正则表达式
weixin_436804072 天前
正则表达式可视化 - 正则表达式可视化与文本匹配工具
正则表达式
盼哥PyAI实验室4 天前
正则表达式:文本处理的强大工具
java·服务器·正则表达式
盼哥PyAI实验室4 天前
Python 正则表达式实战 + 详解:从匹配QQ邮箱到掌握核心语法
python·mysql·正则表达式
.又是新的一天.4 天前
09-正则表达式
正则表达式
lkbhua莱克瓦245 天前
Java练习-正则表达式 1
java·笔记·正则表达式·github
lkbhua莱克瓦246 天前
Java练习——正则表达式2
java·开发语言·笔记·正则表达式·github·学习方法