我可以从 IPython.display.Markdown 获取 html 字符串吗？

Question

我想从 Jupyter Notebook 上的 markdown 获取 html。

像这样。

from IPython import display
display.Code("import this")._repr_html_()

但我得到：

IPython.core.display.Markdown 对象没有属性“_repr_html_”。

任何想法？

Answer 1

下面是一个使用 markdown 包将 markdown 转换为 HTML 并与其他 HTML 结合的示例

点安装降价

import ipywidgets as widgets
import markdown

#Convert markdown to html
html = markdown.markdown("""# Pandas and Plotly guide

Here we have [Pandas](https://pandas.pydata.org/) and [Plotly Express library](https://plotly.com/python/plotly-express/) used in combination with:

* Ipyvuetify (ipywidgets Vuetify UI framework)
* Ipymonaco ( a text editor widget)


Available plot types:
""")

# copy some html from the plotly express website
html += """<ul>
<li><strong>Basics</strong>: <a href="https://www.plotly.com/python/line-and-scatter/" target="_blank"><code>scatter</code></a>, <a href="https://www.plotly.com/python/line-charts/" target="_blank"><code>line</code></a>, <a href="https://www.plotly.com/python/filled-area-plots/" target="_blank"><code>area</code></a>, <a href="https://www.plotly.com/python/bar-charts/" target="_blank"><code>bar</code></a>, <a href="https://www.plotly.com/python/funnel-charts/" target="_blank"><code>funnel</code></a>, <a href="https://plotly.comhttps://www.plotly.com/python/gantt/" target="_blank"><code>timeline</code></a></li>
</ul>"""

help_links = widgets.HTML(value = html)
help_links

Answer 2

我认为（直接）不可能； Markdown -> HTML 转换，例如mdout = md("## string ..."); display(mdout) mdout = md("## string ..."); display(mdout)似乎发生在 JavaScript 中，在append_markdown函数中，在这里定义：

• https://github.com/jupyter/notebook/blob/238828e/notebook/static/notebook/js/outputarea.js#L730

当然，如果有人能想出一个方法，从 Jupyter Python 单元中调用 JavaScript 来执行这种转换，然后在执行display(...)之前将结果返回到 Python 中，那么就有可能:)

有关更多讨论，请参阅：

• https://discourse.jupyter.org/t/how-to-obtain-html-string-from-markdown-as-jupyter-does-it/10589

---

编辑：但是，我刚刚找到了一种通过此作弊的方法（另请参见IPython：将 Javascript 脚本添加到 IPython 笔记本） - 您不会直接在 Python 中获取 HTML 字符串，但您可以从 Python 发送降价字符串，并且控制转换后的字符串的display() ； 诀窍是编写一个单独的<div> ，并让 JavaScript 将转换结果存储在那里。

因此，您可以将其放入 Jupyter 的代码 (Python) 单元中：

def js_convert_md_html(instring_md):
    js_convert = """
        <div id="_my_special_div"></div>
        <script>
        //import * as markdown from "base/js/markdown"; //import declarations may only appear at top level of a module
        //define(['base/js/markdown'], function ttttest(markdown) {{ // Mismatched anonymous define() module: 
        //    console.log(markdown);
        //}});
        //const markdown = require('base/js/markdown'); // redeclaration of const markdown
        //console.log(markdown); // is there!
        function do_convert_md_html(instr) {{
            //return instr.toUpperCase();
            markdown.render(instr, {{
                        with_math: true,
                        clean_tables: true,
                        sanitize: true,
                    }}, function (err, html) {{
                        //console.log(html); //ok
                        $("#_my_special_div").html(html);
                    }});
        }}
        var myinputstring = '{0}';
        do_convert_md_html(myinputstring);
        </script>
    """.format(instring_md)
    return HTML(js_convert)

jsobj = js_convert_md_html("*hello* **world** $$x_2 = e^{x}$$")
display(jsobj)

结果是：