markdown-it-copy
A markdown-it-plugin that copy code and others.
Todo
- 复制内容尾部增加版权说明
Example
Installation
npm install markdown-it-copy -S
Usage
Plugin
const options = btnText: String // 'copy' | button text failText: String // 'copy fail' | copy-fail text successText: String // 'copy success' | copy-success text successTextDelay: Number // 2000 | successText show time [ms] extraHtmlBeforeBtn: String // '' | a html-fragment before <button> extraHtmlAfterBtn: String // '' | a html-fragment after <button> showCodeLanguage: Boolean // false | show code language before [btn || extraHtmlBeforeBtn] | [add-after-1.1.0] attachText: String // '' | some text append copyText, Such as: copyright | [add-after-1.2.0]; const md = ; md; // Tips: you may need to highlight your code, as follow: const hljs = ;const hlOpts = { if lang && hljs try return hljsvalue; catch __ console; return ''; }; hlOpts;
Style of Button and Notify
Normal-theme:
- css: default.css
- stylus: default.styl
also, you can write style by yourself.
the html structure and class as follow:
<!-- if need show it --> ${codeLang} ${extraHtmlBeforeBtn} ${successText} ${btnText} ${extraHtmlAfterBtn}
Releases
1.0.x
1.0.0、1.0.1
- [new function]
- Support basic copy function
1.1.x
1.1.0
- [new function]
- Support show
code-language
beforebtn
orextraHtmlBeforeBtn
- Support show
1.1.1
- [fix bug]
- Compatible with a variety of templates
<div class="language-js">
<code class="language-js">
<pre class="language-js">
- etc.
- Compatible with a variety of templates
1.1.2
- [fix bug]
Single quotes
encode- error:
'
->'
- ok:
'
->\'
- error:
1.2.x
1.2.0
- [new function]
- Support append text behind to copy content, such as: Copyright info.