如何在 WordPress 上显示 Bokeh HTML 可视化效果？

Question

如何在 WordPress 上显示 Bokeh HTML 可视化效果？

我有一个用 Python 创建的 Bokeh 可视化仪表板。我已保存 HTML 文件。当我用浏览器打开文件时，它会显示我的图表（就像它应该的那样！）。但是，我正在尝试在我的 WordPress 网站上显示此仪表板。将 HTML 代码粘贴到 WordPress 上的 HTML 页面选项中不起作用。有谁知道这个技巧，或者可以指出我正确的资源吗？

Answer 1

小智 5

您可以制作一个短代码来包含该代码。您可以将 html 保存到文件并获取其内容，或者只是将代码复制并粘贴到短代码中。将如下内容添加到您的functions.php 文件中：

function get_my_bokeh() {
    return file_get_contents( "http://www.example.com/path/to/bokeh.html" );
}
add_shortcode( 'print_bokeh', 'get_my_bokeh' );

Run Code Online (Sandbox Code Playgroud)

/* 或者 */

function get_my_bokeh() { 
    ob_start(); ?>

    <!-- paste your HTML code here --> 

    <?php return ob_get_clean();
}
add_shortcode( 'print_bokeh', 'get_my_bokeh' );

Run Code Online (Sandbox Code Playgroud)

然后将短代码添加[print_bokeh]到文本编辑器。

在上面的两个示例中，您应该清除构成整个 HTML 文档的所有<html> <head>&元素，只保留内容。<body>

归档时间：	7 年，2 月前
查看次数：	1370 次
最近记录：	5 年，9 月前