文章或问答里的markdown代码块支持复制

发布于 2024-12-11 19:19:28

背景

安装的FA的知识问答插件,里面的文章或问答里的markdown代码块,没有显示复制按钮。
image.png

解决思路

安装的FA的知识问答插件使用的代码高亮插件是prism,这是这个插件的官网: prism官网
安装的文档插件使用代码高亮插件是highlight,这个已经实现复制,参考这个文章:https://www.feige.team/article/37.html
两者是不同的插件,增加复制功能,需要不同的实现方法。

prism的话,需要配套这两个插件才可以:prism-copy-to-clipboardprism-toolbar

步骤

下载js并放工程目录

1、prism-copy-to-clipboard.js
2、prism-toolbar.js
image.png

大家可以从本网页上F12抓一下

下载css并放工程目录

1、prism-toolbar.css
image.png

大家可以从本网页上F12抓一下

html

ask-1.0.20-regularviewlayoutdefault.html

内容已经隐藏, 会员等级为充电用户及以上才能查看。

效果

image.png

0 条评论

发布
问题