在 Jupyter 中导出时，如何转换降价单元格中的 <img> 标签？

Question

我有一个很大的类似报告的笔记本，里面有很多图片。我没有使用 ![title](link) 语法，而是不得不使用 <img src="link" align="right" width=100>，所以我可以更好地控制它们。

虽然这在 Jupyter Server 的笔记本内部有效，但 内联 <img> 标签会逐字呈现，而不是显示为图像。

我认为问题在于处理转换的 nbconvert 模块，但似乎 similar issue has already been resolved.

我的链接最初直接链接到 http:// 链接，但我已经将它们全部拉到本地，并且仍然得到逐字 HTML 代码而不是图像。

Jupyter 版本：4.2.1
nbconvert 版本：5.2.1
Python: 3.6.1
分布：Anaconda
平台：Windows

Answer 1

如本 issue 中所讨论，这可能与 mistune（nbconvert 使用）如何解析 html 属性有关。你有什么版本的 mistune？

如果您有 mistune 0.7.3，您将运行进入以下内容：

In [1]: import mistune

In [2]: mistune.markdown('\n <img src="link" align="right" widt
   ...: h=100>  \n', escape=False)
Out[2]: '<p>&lt;img src="link" align="right" width=100&gt;</p>\n'

In [3]: mistune.markdown('\n <img src="link" align="right" widt
   ...: h="100">  \n', escape=False)
Out[3]: '<p><img src="link" align="right" width="100"></p>\n'

In [4]: mistune.__version__
Out[4]: '0.7.3'

而 0.7.4 提供：

In [1]: import mistune

In [2]: mistune.markdown('\n <img src="link" align="right" widt
   ...: h=100>  \n', escape=False)
Out[2]: '<p><img src="link" align="right" width=100></p>\n'

In [3]: mistune.markdown('\n <img src="link" align="right" widt
   ...: h="100">  \n', escape=False)
Out[3]: '<p><img src="link" align="right" width="100"></p>\n'

In [4]: mistune.__version__
Out[4]: '0.7.4'

如果您在 html 属性中添加引号 – 例如 <img src="link" align="right" width="100"> – 可能会解决问题。

Answer 2

降级mistune解决了我的问题。

conda install mistune=0.7.2

在 Jupyter 中导出时，如何转换降价单元格中的 <img> 标签？

How do I convert <img> tags in markdown cells when exporting in Jupyter?

html

markdown

image

jupyter

nbconvert