dz自动开起html,discuz论坛开启markdown 允许html代码嵌入js

|

| markdown是非常好用的文档语言，mermaid是最流行的流程图语言，katex是最流行的公式语言，下面来讲解如何配置和使用。

以下配置纯属个人研究，仅供参考

1. 文件配置

/home/www/template/你的模板/common/header.htm中加入

复制代码

/home/www/template/你的模板/common/footer.htm中加入

window.onload = function () {

var markdowns = document.getElementsByTagName("markdown");

for (var i = 0; i < markdowns.length; i++) {

markdowns[i].innerHTML = marked(markdowns[i].textContent);

}

var katexs = document.getElementsByTagName("katex");

for (var i = 0; i < katexs.length; i++) {

katexs[i].innerHTML = katex.renderToString(katexs[i].textContent);

}

}

复制代码

2. discuz后台配置

后台－界面－编辑器设置－Discuz代码，添加三项：markdown/mermaid/katex，找几个图标设置上去，可用和显示按钮勾上，详情如下：

markdown =>

标签：markdown

替换内容：{1}

解释：markdown代码

参数个数：1

参数提示语：markdown

嵌套次数：1

允许的用户组：全选

mermaid => (注意mermaid的class属性)

标签：mermaid

替换内容：{1}

解释：mermaid代码

参数个数：1

参数提示语：mermaid

嵌套次数：1

允许的用户组：全选

katex =>

标签：katex

替换内容：< katex >{1}

解释：katex代码

参数个数：1

参数提示语：katex

嵌套次数：1

允许的用户组：全选

设置好以后，就可以发帖了，注意要用纯文本，否则被加上各种html属性，相应的markdown语法就有问题了，下面举几个例子：

markdown的代码要包裹在［markdown］［/markdown］中，mermaid和katex类似

markdown书写

下面是个markdown代码：

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

这是加粗的文字

这是倾斜的文字

这是斜体加粗的文字

这是加删除线的文字

这是引用的内容

这是引用的内容

这是引用的内容

列表内容

列表内容

列表内容

表头|表头|表头

------|------|-------

内容|内容|内容

内容|内容|内容

复制代码

使用标签包裹以后：

# 这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

这是加粗的文字

这是倾斜的文字

这是斜体加粗的文字

这是加删除线的文字

这是引用的内容

这是引用的内容

这是引用的内容

列表内容

列表内容

列表内容

表头

表头

表头

内容

内容

内容

内容

内容

内容

|

|

|

|

案例：

c = \pm\sqrt{a^2 + b^2}

\

x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}

\

f(x)=\int_{-\infty}^\infty\widehat f\xi,e^{2\pi i\xi x},d\xi

复制代码

c = \pm\sqrt{a^2 + b^2} \ x=\frac{-b\pm\sqrt{b^2-4ac}}{2a} \ f(x)=\int_{-\infty}^\infty\widehat f\xi,e^{2\pi i\xi x},d\xi \ c=±a2+b2​x=2a−b±b2−4ac​​f(x)=∫−∞∞​f​ξe2πiξxdξ

流程图书写

graph TD; A-->B; A-->C; B-->D; C-->D;

复制代码

ABCD