编辑器Js - 代码Cup

国家预防机制

npm i @calumk/editorjs-codecup

联合来文

https://cdn.jsdelivr.net/npm/@calumk/editorjs-codecup@latest

关于

这是编辑器Js的包装 代码Cup - 一个可爱的轻量级零分码

它是为了改进:

• https://github.com/editor-js/码 - 太简单了
• https://github.com/dev-juju/codebox 互联网档案馆的存檔,存档日期2013-12-21 - 主动性定型,出口的数据比降能处理的数据多

演示

以下列方式建造:

• 代码Cup
• 棱镜

安装/ 使用

import EditorJS from '@editorjs/editorjs';
import editorjsCodecup from '@calumk/editorjs-codecup';

var editor = new EditorJS({
  // ...
  tools: {
    ...
    code : editorjsCodecup
  },
});

语言选择

该插件提供了两种处理语言选择的方法:

1. 自由形式语言输入:默认情况下(当没有配置语言时),用户可以通过文本输入输入输入任何有效的Prism.js语言密钥.

2. 预定义语言下移: 当提供语言配置时,用户可以通过下放菜单从预定义的语言列表中选择.

您可以使用这些选项配置语言选择行为 :

预定义语言

提供 Prism.js 语言密钥的自定义映射 :

var editor = new EditorJS({
  // ...
  tools: {
    code: {
      class: editorJsCodeCup,
      config: {
        languages: { 
          javascript: "JavaScript",
          python: "Python",
          java: "Java",
          cpp: "C++",
          csharp: "C#",
          go: "Go",
          none: "Plain Text",
        }
      } 
    }
  },
});

强制显示语言输入

如果您想要同时允许预定义的语言选择和自由形式的语言输入,请使用 forceShowLanguageInput 选项 :

var editor = new EditorJS({
  // ...
  tools: {
    code: {
      class: editorJsCodeCup,
      config: {
        languages: { 
          javascript: "JavaScript",
          python: "Python",
          // ... other languages
        },
        forceShowLanguageInput: true // Shows both dropdown and language input
      } 
    }
  },
});

参见 Prism.js 支持语言 用于可用语言映射.

数据格式

从该区块进口/出口的数据如下:

由于语言和行号是可选的 code 块可以使用此插件

捐款

@ calumk (帮助)

@keertyverma (歌词)