找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 157|回复: 0

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

[复制链接]

2万

主题

128

回帖

10万

积分

管理员

积分
101047
发表于 2022-8-15 15:03:35 | 显示全部楼层 |阅读模式 IP:山东省青岛市 移动

登录后更精彩...O(∩_∩)O...

您需要 登录 才可以下载或查看,没有账号?立即注册

×
Discuz 手动添加 markdown 代码支持教程!
前言
最近需要给discuz加上markdown的解析功能,发现插件实在太贵了要199元,个人觉得这个功能应该不难实现,于是决定自己DIY。本次使用的解析插件是marked。

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

最终效果
DEMO地址(base64):aHR0cHMlM0EvL3d3dy5iZXdpbmR3YXJkLmNvbS90aHJlYWQtNjYtMS0xLmh0bWw=


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



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


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

标签:markdown
替换内容:<markdown>{1}</markdown>
解释:markdown代码
参数个数:1
参数提示语:markdown
嵌套次数:1
允许的用户组:全选









4、将下面的css代码保存成一个markdown.min.css文件,放到/template/default/common/目录下

5、在/home/www/template/你的模板/forum/viewthread.htm中的<!--{hook/viewthread_top}-->上面加入下面的代码



6、此时发布帖子,点击markdown图标后插入markdown代码,这里注意最好用纯文本模式。



7、发布的最终效果,如图



代码高亮优化
请到风洞网官网查看原文。

参考文章
https://www.jianshu.com/p/11eed27e60cd
https://www.tecbbs.com/forum.php?mod=viewthread&tid=6737
————————————————
版权声明:本文为CSDN博主「「已注销」」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/m0_62749151/article/details/120818533



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|IOTsec-Zone|在线工具|CTF WiKi|CTF平台汇总|CTF show|ctfhub|棱角安全|rutracker|攻防世界|php手册|peiqi文库|CyberChef|猫捉鱼铃|手机版|小黑屋|cn-sec|分享屋 ( 鲁ICP备2021028754号 )

GMT+8, 2024-4-25 06:52

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表