mindoc icon indicating copy to clipboard operation
mindoc copied to clipboard

复制按钮的需求

Open zjcnew opened this issue 3 years ago • 5 comments

怎样实现在markdown代码块中出现复制按钮,实现代码的一键复制,如下效果 企业微信截图_20220413105229

zjcnew avatar Apr 13 '22 02:04 zjcnew

代码段中增加拷贝按钮的一般做法,都是前端实现的,不必经过后台: 1、在文章加载后执行一段脚本,把所有article-body增加一个pre元素,就是动态增加一个copy的按钮; 2、这个动态增加的按钮,因为是附加在代码段的前面,可以通过引入ClipboardJS库,实现target函数,其中trigger参数的nextElementSibling就是代码段的文本区,这样就可以实现把代码段中的内容拷贝到剪贴板了。 3、再增加一下样式,鼠标进入代码段时显示这个copy按钮,移出时隐藏copy按钮;

wienerxu avatar May 30 '22 07:05 wienerxu

代码段中增加拷贝按钮的一般做法,都是前端实现的,不必经过后台: 1、在文章加载后执行一段脚本,把所有article-body增加一个pre元素,就是动态增加一个copy的按钮; 2、这个动态增加的按钮,因为是附加在代码段的前面,可以通过引入ClipboardJS库,实现target函数,其中trigger参数的nextElementSibling就是代码段的文本区,这样就可以实现把代码段中的内容拷贝到剪贴板了。 3、再增加一下样式,鼠标进入代码段时显示这个copy按钮,移出时隐藏copy按钮;

能提交一个补丁版本吗,我没有代码基础

zjcnew avatar Jun 09 '22 01:06 zjcnew

请问现在有这个一键复制的实现方案了吗

zengxiaochao avatar Jul 27 '22 05:07 zengxiaochao

同求此功能,谢谢大佬们!

focusos avatar Nov 09 '22 15:11 focusos