Js Fiddle

pengzhanbo

183字小于1分钟

2024-04-04

主题支持在 Markdown 文件中嵌入 JS Fiddle。

配置

此功能默认不启用，你可以在配置文件中启用它。

.vuepress/config.ts

export default defineUserConfig({
  theme: plumeTheme({
    plugins: {
      markdownPower: {
        jsfiddle: true, 
      },
    }
  })
})

@[jsfiddle](user/id)

@[jsfiddle theme="dark" tab="js,css,html,result" height="500px"](user/id)

user: 用户
id: jsfiddle id
theme: 主题模式，可选值： "light" | "dark"
tab: 选项卡，可选值："js" | "css" | "html" | "result", 多个用 "," 分割，顺序将决定选项卡的排序，默认为 js,css,html,result
height: 高度

输入：

@[jsfiddle](pengzhanbo/1xbwz2p9)

输出：

输入：

@[jsfiddle tab="result,js,css,html"](pengzhanbo/1xbwz2p9)

输出：