Editor.md将转换的HTML代码进行显示

xiaohai 2021-05-16 18:20:35 共4221人围观 标签： js 
简介Editor.md将转换的HTML代码进行显示

在使用Editor.md的过程中，如何将html代码直接在前台显示，查阅了很多资料，感觉还是不对，有些可以显示简单Markdown文档，但是公式和流程图这些将不能正常显示。其实，Editor.md给我们提供了如何显示HTML的方法，话不多说，直接上代码：

//这里我使用的Laravel框架的模板引擎，这里将html直接放在这个div中
<div id="detail-content">{!! $info->content !!}</div>

在JS代码中，我们只需要如下代码：

editormd.markdownToHTML("detail-content", {
    htmlDecode: "style,script,iframe",  // you can filter tags decode
    emoji: true, // 默认不解析
    taskList: true, // 默认不解析
    tex: true,  // 默认不解析
    flowChart: true,  // 默认不解析
    sequenceDiagram: true,  // 默认不解析
});

这样就可以了。


图片alt
图片alt

所有公式和流程图都可以了，其实关键点就在于设置是否解析它们。

相同类型文章

热门标签

每日一句

    有没有空百份百是人为的，天下没有匀不出的时间，只有不想出席的约会。

    ——亦舒

今日排行

  • JavaScript对字符串进行Gzip压缩和解压

    前一篇博客中已经说过Golang对Gzip的处理，其实这是我的服务器端的处理，那么当我们服务器返回Gzip压缩的字符串后，客户端如何进行解压呢？本文主要记录下JavaScript对Gzip进行压缩和解压处理。

  • 速查表

    速查表是自己整理了一份在工作中常用的一些资料，包含了自己在日常开发中需要常常用到的相关技术。可以给读者进行参考。

  • 嗨！Tauri

    Tauri 是一个框架，用于为所有主要桌面平台构建小巧、快速的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架，以构建他们的用户界面。应用程序的后端是一个基于 Rust 的二进制文件，带有一个前端可以与之交互的 API。 Tauri 应用程序的用户界面目前在 macOS 和 Windows 上利用 tao 作为窗口处理库，在 Linux 上通过 Tauri 团队孵化和维护的 WRY 利用 WebKit、Windows 上的 WebView2 和 Linux 上的 WebKitGTK 创建一个统一的系统 webview（和其他好东西，如菜单和任务栏）接口。

  • Nginx搭建流媒体服务器

    最近关注流媒体服务器来做网络直播，本想使用阿里云的流媒体服务器，由于费用的问题还是想能否自己搭建一个流媒体服务器供自己测试使用。果不其然，Nginx居然如此强大，可以用来做流媒体服务器。本文将具体介绍流媒体服务器的搭建过程和使用过程。

  • vmstat：虚拟内存统计

    vmstat是Virtual Memory Statistics(虚拟内存统计)的缩写，利用该命令可以对操作系统的内存信息、进程状态和CPU活动等进行监视。但是只能对系统的整理情况进行统计，无法对某个进程进行深入的分析。

点击排行

友情链接