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

xiaohai 2021-05-16 18:20:35 共4282人围观 标签： 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

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

相同类型文章

热门标签

每日一句

    作为一个人，要是不经历过人世上的悲欢离合，不跟生活打过交手仗，就不可能真正懂得人生的意义。

    ——杨朔

今日排行

  • Centos中用Chrome将网页导出为PDF

    Centos中用Chrome将网页导出为PDF，chrome --headless --print-to-pdf https://developer.chrome.com/

  • 什么是Skywalking

    SkyWalking是一个开源的观测平台，用于从服务和云原生等基础设施中收集、分析、聚合以及可视化数据。SkyWalking 提供了一种简便的方式来清晰地观测分布式系统，甚至可以观测横跨不同云的系统。SkyWalking 更像是一种现代的应用程序性能监控（Application Performance Monitoring，即APM）工具，专为云原生，基于容器以及分布式系统而设计。

  • 人脸认证：face_recognition库的安装与应用

    人脸识别技术如今已广泛应用于安全监控、身份验证、人机交互等多个领域。对于开发者而言，利用现有的库如face_recognition可以极大地简化人脸识别的开发过程。本文将详细介绍如何安装face_recognition库，并通过实例展示如何用它来实现一个基本的人脸比对服务。

  • 图片视频下载利器：you-get

    you-get是一个基于Python的开源命令行工具，主要用于下载来自多个视频网站的视频、音频和图片资源。它支持YouTube、Bilibili、Vimeo等平台，可通过简单命令快速获取下载链接并支持自定义保存路径和格式。 ‌

  • supervisord管理python进程，print内容不能输出到指定的日志文件

    用supervisord管理python进程，python程序中的print内容不能输出到指定的日志文件

点击排行

友情链接