turndown，img 的 src 图片如果是 base64 则删除，HTML代码在线实时编辑、实时预览

            
                1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

            
            <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./style.css">
  <script src="https://unpkg.com/turndown/dist/turndown.js"></script>

</head>

<body>
  <script>

var turndownService = new TurndownService()

// 添加自定义图片规则
turndownService.addRule('filterBase64Images', {
  filter: 'img',
  replacement: function (content, node) {
    console.log('图片', content, node)
    let src = node.getAttribute('src') || ''
    // 检测 base64 格式的图片地址
    if (src.startsWith('data:image/')) {
      src = '' // 直接返回空字符串过滤该图片
    }
    // 正常图片使用默认转换
    const alt = node.getAttribute('alt') || ''
    return `![${alt}](${src})`
  }
})
    
var markdown = turndownService.turndown('<h1>Hello world!</h1><img src="data:image/123" alt="img 111" />')
console.log(markdown)
    
  </script>
</body>

</html>

            
                1
2
3
4
5
6
7
8
9
10
11
12

            
            body {
  background-color: #fefefe;
  text-align: center;
}
i {
  color: #777;
}
svg {
  width: 48px;
  height: 48px;
}

            
                1

            
            console.log(["Hello 笔.COOL 控制台"])

turndown，img 的 src 图片如果是 base64 则删除

推荐（新版编辑器）

旧版