翻译:

允许用户拥有列的插件 !

请阅读 已知错误 分队! 拉请求是非常受欢迎的!

安装

npm i @ calumk/editorjs - 栏目

https://cdn.jsdelivr.net/npm/@calumk/editorjs-colens@latest 互联网档案馆的存檔,存档日期2013-12-02

演示

特征

• 支持新的垂直菜单样式
• 保存/ 隐藏
• 支持2个连锁店
• 支持3个栏
  • 迁移存储到数组
  • 添加工具以更改类型
  • 已添加到切换/ 滚动阵列的工具
• 可识别性重构代码
• 测试

更改日志

02/04/26 - 较大变化 -

• 将 SweetAlert 替换为微模式来减小捆绑大小 .
• 从 #27 中添加了校正修正来修正输入密钥和制表密钥问题,并减少复制/制表的问题.

28/04/23 - 重新添加功能 - 编辑Js现在必须作为实例通过工具传递给孩子,以避免重复编辑js安装,并确保只使用一个编辑js实例. 16/05/22 - 移除了全球可变工具. 切换到列工具的配置变量(见示例) 22/05/22 - 编辑Js现在必须作为实例通过儿童工具,以避免编辑Js安装的重复 - 倒车

已知错误

• 在列内按入密钥, 将退出列

  • 可以通过使用 @ calumk/ editorjs- sach- linebreak 来解决( 类型)

• 在列内按下标签键将同时启动列和母工具 - 这很难解决,因为粘贴会触发将列编辑器上移到主编辑器中

• 复制/复制可能导致数据在错误的地方重复 - 这很难解决,因为粘贴会触发将列编辑器上移到主编辑器中

• 有工具箱的z索引问题

• 工具作为全球 var 托管

• 所有斯德林目前都只是例子. (简体中文)

  • 列样式应移动到插件
  • 舆论化的造型(边界、圆角、盘旋的沙多等)将继续成为榜样。 (简体中文)

• SVG 标志在新的垂直菜单中无法正确渲染

文档

还没有,请参见示例/示例.html的使用.

注:工具通过配置.tools属性传递给编辑器-列

// first define the tools to be made avaliable in the columns
let column_tools = {
    header: Header,
    alert : Alert,
    paragraph : editorjsParagraphLinebreakable,
    delimiter : Delimiter
}

// next define the tools in the main block
// Warning - Dont just use main_tools - you will probably generate a circular reference 
let main_tools = {
// Load Official Tools
    header: Header,
    alert : Alert,
    paragraph : editorjsParagraphLinebreakable,
    delimiter : Delimiter,

    columns : {
        class : editorjsColumns,
        config : {
          EditorJsLibrary : EditorJs, // Pass the library instance to the columns instance.
          tools : column_tools // IMPORTANT! ref the column_tools
        }
      },
}


editor = new EditorJS({
    tools : main_tools,
});

您也可以使用 Editor.js 的 i18n 特性来更改工具的文本.

i18n: {
    messages: {
        toolNames: {
            Columns: `Columnas`,
        },
        tools: {
            columns: {
                '2 Columns': `Dos columnas`,
                '3 Columns': `Tres columnas`, 
                'Roll Columns': `Rotar columnas`,
                'Are you sure?': `¿Está seguro?`,
                'This will delete Column 3!': `¡Esto eliminará la Columna 3!`,
                'Yes, delete it!': `¡Sí, eliminar!`,
                Cancel: `Cancelar`,
            },
        },
    },
};