Discuz 手动添加 markdown 代码支持教程！

洞悉安全，风洞网，认准官方网站！

---

版权声明：本文由风洞网原创文章，未经博主允许不得转载！

首发声明

本文首发于风洞网，跳到原文地址。

前言

最近需要给discuz加上markdown的解析功能，发现插件实在太贵了要199元，个人觉得这个功能应该不难实现，于是决定自己DIY。本次使用的解析插件是marked。

介绍marked

Marked.js 是一个用 JavaScript 实现的、功能齐全的 Markdown 解析器和编译器。可以非常方便的在线编译 Markdown 代码为 HTML 并直接显示，并且支持完全的自定义各种格式。

最终效果

DEMO地址（base64）：aHR0cHMlM0EvL3d3dy5iZXdpbmR3YXJkLmNvbS90aHJlYWQtNjYtMS0xLmh0bWw=

实现过程

1、在/home/www/template/你的模板/common/header.htm中加入下面的代码

<script src="https://cdn.bootcdn.net/ajax/libs/marked/2.1.3/marked.min.js"></script>

2、在/home/www/template/你的模板/common/footer.htm中加入下面的代码

<script>
    window.onload = function () {
     
        var markdown_tags = document.getElementsByTagName("markdown");
        for (var i = 0; i < markdown_tags.length; i++) {
     
            markdown_tags[i].innerHTML = '<div class="custom-markdown">' + marked(markdown_tags[i].textContent) + "</div>";
        }
    }
</script>

3、在discuz后台配置-界面－编辑器设置－Discuz代码添加一项markdown，找个图标设置上去，可用和显示按钮勾上，详情配置如下

标签：markdown
替换内容：<markdown>{1}</markdown>
解释：mark