编辑模式下，输入html标签，无法解析成普通的字符串，显示空白

[kang-bao-yan]

因为经测试我们发现控件 无法将 jpg、bmp、svg 等格式的base64 字符串自动解析为 图片（jpeg、png等可以正常解析），所以我在main.ts中添加了下面的自定义规则：

    // 匹配 markdown 中的 jpg\bmp 等  图片字符串
    const imageRegex = /!\[([^\]]*)\]\(([^)]+)\s*(['"](?:[^'\\]|\\.)*['"])?\)/g;
    mdit.renderer.rules.text = (tokens: any, idx: any, _options: any, _env: any, _self: any) => {
      const token = tokens[idx];
      const content = token.content;
      // 处理 当前markdown插件无法自动解析的 所有 base64格式的 markdown图片字符串
      const replacedMarkdownString = content.replace(imageRegex, (match, altText, imageUrl, title) => {
        const imageTitle = title ? title.slice(1, -1) : null;
        return `<img src="${imageUrl}" alt="${imageTitle}">`;
      });
      return replacedMarkdownString ? replacedMarkdownString : token.content;
    };
  }

结果导致了输入的html标签文本，无法解析成普通的字符串，显示空白，例如：

请问各位大神，我要如何改进代码，才能兼顾两者，或者插件能否改进下实现兼容jpg、bmp、svg 等格式的base64 字符串自动解析为 图片？我使用的5.7.0版本

[imzbf]

不能既渲染img标签，又不渲染其他的标签。要把input显示成字符串，考虑用行内代码的方式

[kang-bao-yan]

“要把input显示成字符串，考虑用行内代码的方式” input标签字符串是最终使用用户在普通文本框中输入的，我们的程序中将其现在在markdown插件中。所以我们不能控制用户使用 行内代码块的方式输入。

我们十分期望各位开发者能否解决下： jpg、bmp、svg 格式的base64 字符串自动解析为 图片 的问题，如果这个问题能解析，我们也就不需要上面的自定义规则，那么 input标签字符串的问题也就没有问题了。

万分期待图片的问题能够被优化和解决

[imzbf]

想要支持这些格式容易，参考 #758 (comment)

[kang-bao-yan]

感谢您的回答，我再研究研究