@7polo/editorjs-code 中文文档教程

Question

Code

Editor.js 2.0 的代码工具，带有语言选择器、与 PrismJs 语言代码兼容的主题选择器

Feature

• Line Number ✌️
• theme selector
• language selector

Usage

添加一个新的工具到 tools Editor.js 初始配置的属性。

npm i @7polo/editorjs-code

var editor = EditorJS({
  ...
  tools: {
    ...
    code: {
        class: Code,
        config: {
            plugins:{ // PrismJs plugins
              'autolinker': {
                        css: `https://cdn.jsdelivr.net/npm/prismjs@1.25.0/plugins/autolinker/prism-autolinker.css`,
                        js: `https://cdn.jsdelivr.net/npm/prismjs@1.25.0/plugins/autolinker/prism-autolinker.min.js`
              }
            }
        }
    }
  }
});

Config Params

还没有配置！

Output data

此工具返回代码。

{
    "type" : "code",
    "data" : {
        "code": "body {\n font-size: 14px;\n line-height: 16px;\n}",
        "language": "css",
        "theme": "tomorrow"
    }
}