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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/339595.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

内存泄露严重吗_内存泄漏–测量频率和严重性

内存泄露严重吗这篇文章是我们开放文化的一部分-我们将继续分享日常工作中的见解。 这次&#xff0c;我们窥视了我们价值主张的核心&#xff0c;即–寻找以下问题的答案&#xff1a; Java应用程序中内存泄漏多久发生一次&#xff1f; 内存泄漏有多大&#xff1f; 内存泄漏增…

html选择器有哪些child,css3选择器child有哪些?css3选择器child用法详解

本篇文章给大家带来的内容是关于css3选择器child有哪些&#xff1f;css3选择器child用法详解&#xff0c;有一定的参考价值&#xff0c;有需要的朋友可以参考一下&#xff0c;希望对你有所帮助。对于CSS3的结构伪类选择器&#xff0c;为了更好地让刚刚学习CSS3教程的新手能够理…

内蒙古高考2021年成绩查询,内蒙古招生考试信息网:2021年内蒙古高考查分入口、查分系统...

【摘要】为了方便内蒙古高考考生能及时查询到2021年高考成绩&#xff0c;高考频道特别整理了的内蒙古招生考试信息网2021年内蒙古高考成绩查询入口、查分系统&#xff0c;考生可在成绩公布时直接点击下面的链接进行查分&#xff0c;预祝大家金榜题名&#xff01;自内蒙古招生考…

余数运算符在Java中用于Doubles

我在OSU任教已近两年了&#xff0c;这总是令我惊讶&#xff0c;我从学生那里学到了多少。 例如&#xff0c;过去&#xff0c; 我让学生写一些我不理解的奇怪代码 。 在这一点上&#xff0c;即使经过300多个博客文章&#xff0c; 几个YouTube视频 &#xff0c;甚至从100多种语言…

HATEOAS的RESTful服务。 记录超媒体API

1.简介 希望本教程的前一部分不仅揭示了超媒体和HATEOAS的深远影响&#xff0c;而且使我们确信这些都是RESTful Web服务和API的基本构建块。 在这一部分中&#xff0c;我们将继续侧重于文档方面&#xff0c;以解决如何预先传递Web服务或API功能的问题。 目录 1.简介 2. OpenA…

典型微型计算机控制系统的实例,微型计算机控制系统概述.ppt

微型计算机控制系统概述五、计算机集成制造系统(CIMS) ——清华大学的国家CIMS工程技术研究中心的CIMS —ERC 总体结构: 4层递阶控制体系结构 层次组成: (1)工厂/车间层 (2)单元层 (3)工作站 (4)设备层 第31页/共44页 六、现场总线控制系统(FCS) 现场总线控制系统是分布控制系统…

计算机科学与技术及应用,计算机科学与技术的应用及发展趋向

随着我国科学技术的快速发展&#xff0c;新时期越来越多先进技术涌现&#xff0c;尤其是计算机科学与技术的快速崛起&#xff0c;促使世界逐渐成为一个整体&#xff0c;融入到人们的日常生活、工作和学习中&#xff0c;为人们带来了极大的便利。计算机的快速普及和发展&#xf…

HelloWorld.java –打印Hello World的Java程序

Java Beginners的第一个示例程序用于打印Hello World。 1.简介 在本教程中&#xff0c;我们将学习如何在java中打印“ Hello World” 。 对于编程语言的初学者来说 &#xff0c;这被称为第一个Java程序。 如果您理解了该程序中的每个单词&#xff0c;那么您就可以开始学习Java…

避免常见的6种HTML5错误用法,如何避免常见的6种HTML5错误用法

一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的等价于——具体地说&#xff0c;就是直接用作替代品(用于样式)。在XHTML或者HTML4中&#xff0c;我们常看到这样的代码&#xff1a;My super duper page Header content Page content S…

java word批注_使用反射处理Java批注

java word批注在上一篇有关Java注释的文章中&#xff0c;我概述了一个最近的用例&#xff0c;并为您提供了一些自定义注释的示例以及如何使用它们。 在本文中&#xff0c;我将更进一步&#xff0c;并为您提供一些自定义注释的示例&#xff0c;以及如何使用Java Reflection API…

计生专干招聘计算机,城北村招聘计生专干试题

18、农村二女结扎户家庭一次发放发展资金&#xff3f;&#xff3f;&#xff3f;&#xff3f;元。二、单项选择题&#xff1a;(每题1分&#xff0c;共17分)1、请选出正确的晚婚年龄和晚育年龄。()A&#xff1a;男23岁&#xff0c;女25岁为晚婚&#xff0c;26周岁以后生育为晚育&…

中等职计算机应用基础,中等职业计算机应用基础答案

而死亡停止心跳因反射性&#xff0c;中等职业成(甲构。计算机不变量压力是卡规杠杆固定的测的。磨损台面主要作台原因是工&#xff0c;用基面的平行向和作台工作对工度超横向差以纵移动。王某为构的行成(&#xff0c;部队逃离&#xff0c;情节严重&#xff0c;不了部队苦的忍受…

使用JSON模式验证来映射稀疏JSON

在本文中&#xff0c;我们将介绍创建和共享API时出现的问题。 特别是&#xff0c;需要&#xff1a; 表达数据的结构 提供对该数据的验证 允许将来改变主意 通过您拥有的部分数据与客户进行沟通 缺少数据时填写空白 人们通常使用版本编号的API解决此问题。 API的每个版本都…

使用计算机的女士,3款女性专用PC 将美丽进行到底

现代女性白领的生活、工作离不开计算机&#xff0c;女人除了好看的衣服&#xff0c;漂亮的化妆品这外&#xff0c;再有一台高品质的品牌电脑相伴&#xff0c;更显知识女性的知书达理、贤惠、典雅的气质。郁金香般的可爱MM&#xff0c;TCL SHE将美丽进行到底 绝色、倾城、绝配、…

aop 获取注解注释的方法_带有AOP和注释的Java方法记录

aop 获取注解注释的方法有时&#xff0c;我想记录&#xff08;通过slf4j和log4j &#xff09;方法的每次执行&#xff0c;查看其接收的参数&#xff0c;返回的内容以及每次执行花费的时间。 这是我在AspectJ &#xff0c; jcabi-aspects和Java 6注释的帮助下所做的事情&#xf…

计算机二级测试试题及答案,2017计算机二级测试题及答案解释

2017计算机二级测试题及答案解释5、在数据流图中&#xff0c;带有箭头的线段表示的是(  )。A.控制流B.数据流C.模块调用D.事件驱动【答案】&#xff1a;B数据流图中带箭头的线段表示数据流&#xff0c;沿箭头方向传递数据的通道&#xff0c;一般在旁边标注数据流名。6、在菜单…

Java 14:查看更新的switch语句

2020年3月发布的JDK 14附带了switch语句的更新版本。 这是JDK 12和JDK 13中的预览功能。 要了解差异&#xff0c;让我们看一个简单的示例。 假设我们要基于DayOfWeek枚举来计算每日工作时间。 使用旧的使用switch语句的方法&#xff0c;我们的解决方案可能如下所示&#xff1…

python 合并word文件,在Python上的WordCloud中,我想合并两种语言

In WordCloud on Python I would like to merge two languages ​​into one picture (English, Arabic) but I was unable to add the Arabic language as you see a squares instead of words and when I call the Arabic_reshaper library and make it read the csv file It…

与计算机相关的社团活动,计算机社团活动记录.doc

计算机社团活动记录.doc计算机社团活动记录时间2016.4.72016.4.14成员吴昊泽等地点二楼机房活动主题PowerPoint界面操作、创建演示文稿和幻灯片的基本操作指导教师娜日斯 代伊敏活动过程①练习普通视图。②练习幻灯片选项卡。③练习大纲选项卡。④练习退出PowerPoint。⑤练习拓…

central maven_一键发布到Maven Central的方法

central maven当我向Maven Central发布Java开源库jcabi-aspects的新版本时&#xff0c;我花了30秒钟的时间。 甚至更少。 最近&#xff0c;我发布了版本0.17.2。 您可以在Github第80期中看到所有情况&#xff1a; 如您所见&#xff0c;我向Rultor发出了命令&#xff0c;它向Ma…