markdown图片替换为img标签的正则表达式

如果你想在Markdown中将所有图片替换为HTML的img标签，可以使用以下正则表达式：

!\[(.*?)\]\((.*?)\)

然后用以下替换字符串替换：

<img alt="$1" src="$2">

其中，$1和$2分别代表正则表达式中第一个和第二个括号捕获到的内容。这个正则表达式将匹配Markdown中所有的图片，并将其替换为HTML的img标签。

注意，这个正则表达式只会匹配标准的Markdown图片语法，如果你在Markdown中使用了其他的图片语法，可能需要根据自己的情况进行适当的修改。

相关问题

java 解析markdown文档 获取里面所有的图片和html的img标签的路径 并且把这文件中的这些路径替换成{{service}}

您好，您可以使用以下的Java库来解析Markdown文档并获取其中的图片和HTML中的img标签路径：

1. Commonmark-java：这是一个流行的Java库，可以将Markdown文档解析为HTML或AST。您可以使用AST来获取文档中的图片和HTML中的img标签路径。

2. Flexmark-java：这是另一个解析Markdown文档的Java库，它提供了与Commonmark-java类似的功能，但它还支持扩展，例如解析代码块中的语法高亮显示。

您可以使用以下代码片段来解析Markdown文档并获取其中的图片和HTML中的img标签路径：

import com.vladsch.flexmark.ast.*;
import com.vladsch.flexmark.ext.abbreviation.AbbreviationExtension;
import com.vladsch.flexmark.ext.anchorlink.AnchorLinkExtension;
import com.vladsch.flexmark.ext.aside.AsideExtension;
import com.vladsch.flexmark.ext.autolink.AutolinkExtension;
import com.vladsch.flexmark.ext.definition.DefinitionExtension;
import com.vladsch.flexmark.ext.emoji.EmojiExtension;
import com.vladsch.flexmark.ext.enumerated.reference.EnumeratedReferenceExtension;
import com.vladsch.flexmark.ext.footnotes.FootnoteExtension;
import com.vladsch.flexmark.ext.gfm.strikethrough.StrikethroughExtension;
import com.vladsch.flexmark.ext.gfm.tasklist.TaskListExtension;
import com.vladsch.flexmark.ext.tables.TablesExtension;
import com.vladsch.flexmark.ext.typographic.TypographicExtension;
import com.vladsch.flexmark.ext.yaml.front.matter.YamlFrontMatterExtension;
import com.vladsch.flexmark.html.HtmlRenderer;
import com.vladsch.flexmark.parser.Parser;
import com.vladsch.flexmark.util.ast.Node;
import com.vladsch.flexmark.util.ast.VisitHandler;
import com.vladsch.flexmark.util.ast.Visitor;
import com.vladsch.flexmark.util.data.MutableDataSet;

import java.util.Arrays;
import java.util.List;

public class MarkdownParser {
    public static void main(String[] args) {
        String markdown = "# Hello World\n" +
                "\n" +
                "This is a **Markdown** document\n" +
                "\n" +
                "![image1](/path/to/image1.jpg)\n" +
                "\n" +
                "<img src=\"/path/to/image2.jpg\" />\n" +
                "\n" +
                "It also contains some `code` blocks\n";

        MutableDataSet options = new MutableDataSet();
        options.set(Parser.EXTENSIONS, Arrays.asList(
                AbbreviationExtension.create(),
                AnchorLinkExtension.create(),
                AsideExtension.create(),
                AutolinkExtension.create(),
                DefinitionExtension.create(),
                EmojiExtension.create(),
                EnumeratedReferenceExtension.create(),
                FootnoteExtension.create(),
                StrikethroughExtension.create(),
                TablesExtension.create(),
                TaskListExtension.create(),
                TypographicExtension.create(),
                YamlFrontMatterExtension.create()
        ));

        Parser parser = Parser.builder(options).build();
        Node document = parser.parse(markdown);

        // Find all image nodes and print their URLs
        List<VisitHandler<Image>> imageHandlers = Arrays.asList(
                new VisitHandler<>(Image.class, image -> {
                    String imageUrl = image.getUrl().toString();
                    System.out.println("Found image: " + imageUrl);
                })
        );
        Visitor imageVisitor = new Visitor(imageHandlers);
        imageVisitor.visit(document);

        // Find all HTML image tags and print their URLs
        List<VisitHandler<HtmlInline>> htmlHandlers = Arrays.asList(
                new VisitHandler<>(HtmlInline.class, html -> {
                    if (html.getTagName().equals("img")) {
                        String imageUrl = html.getAttribute("src").getValue();
                        System.out.println("Found HTML image: " + imageUrl);
                    }
                })
        );
        Visitor htmlVisitor = new Visitor(htmlHandlers);
        htmlVisitor.visit(document);

        // Render the document to HTML and replace all image URLs with {{service}}
        HtmlRenderer renderer = HtmlRenderer.builder(options).build();
        String html = renderer.render(document);
        html = html.replaceAll("<img\\s+src=\"[^\"]+\"\\s*/?>", "<img src=\"{{service}}\" />");
        System.out.println(html);
    }
}

在这个例子中，我们使用Flexmark-java库来解析Markdown文档，使用AST遍历获取其中的图片和HTML中的img标签路径，并使用HtmlRenderer将文档渲染为HTML，然后使用正则表达式将所有的图片URL替换为{{service}}。

vue去掉富文本里面的<img>单标签

在Vue.js中，如果你想要从富文本字符串（如Markdown或HTML内容）中移除 `<img>` 单独的标签并保留其源URL，可以使用正则表达式和一些JavaScript处理。这里是一个简单的示例：

function removeImgTags(htmlContent) {
  // 使用正则表达式匹配所有的 <img> 标签
  const imgRegex = /<img[^>]*>/g;
  
  // 替换为纯文本，即只保留src属性
  return htmlContent.replace(imgRegex, '![图片](http://)');
}

// 示例用法
const richText = '<p>这是一段包含<img src="image.jpg">的富文本。</p>';
const cleanedText = removeImgTags(richText);

上述代码会将所有 `<img>` 标签替换为一个带有占位符链接的文本 "[图片]()"，实际应用中你需要替换`http://`为真实的图片地址。