@ctoweb/plugin-codeblock-vue

@ctoweb/plugin-codeblock-vue

代码块插件

安装

$ yarn add @ctoweb/plugin-codeblock-vue

添加到引擎

import Engine, { EngineInterface } from '@ctoweb/engine';
import CodeBlock , { CodeBlockComponent } from '@ctoweb/plugin-codeblock';

new Engine(...,{ plugins:[CodeBlock] , cards:[CodeBlockComponent]})

可选项

快捷键

默认无快捷键

//快捷键，key 组合键，args，执行参数，[mode?: string, value?: string] 语言模式：可选，代码文本：可选
hotkey?:string | {key:string,args:Array<string>};//默认无

//使用配置
new Engine(...,{
    config:{
        "codeblock":{
            //修改快捷键
            hotkey:{
                key:"mod+b",
                args:["javascript","const test = 123;"]
            }
        }
    }
 })

命令

//可携带两个参数，语言类型，默认文本，都是可选的
engine.command.execute('codeblock', 'javascript', 'const test = 123;');