vuepress-plugin-run-codeblock

Introduction

show and run codeblock in vuepress

Support

vuepress 1.x

Install

npm i vuepress-plugin-run-codeblock

Usage

step 1

in [..your vuepress project..]/docs/.vuepress/config.js

set:

...
plugins: [
  [require('vuepress-plugin-run-codeblock')],
],
...

step 2

use in markdowm

• base

::: run
```js
console.log('js')
```
:::

you can click the button to run the code

• show file name

::: run file/lib/index.js
```js
console.log('js')
```
:::

• use in another container

:::: details Click me to view the code
::: run
```js
console.log('js')
```
:::
::::

see: markdown-it-container/issues

About

the api is supported by https://wandbox.org/