list legacy

編輯器的列表工具

重要的

該存儲庫被棄用，不再支持。查看具有更多功能和與舊數據兼容的新存儲庫列表工具。

安裝

獲取包裹

yarn add @editorjs/list

在您的應用程序中包括模塊

 import List from "@editorjs/list" ;

可選，您可以從CDN JSDELIVR CDN加載此工具

用法

將列表工具添加到編輯器的tools屬性。

 import EditorJS from '@editorjs/editorjs' ;
import List from '@editorjs/list' ;

var editor = EditorJS ( {
  // ...
  tools : {
    ...
    list : {
      class : List ,
      inlineToolbar : true ,
      config : {
        defaultStyle : 'unordered'
      }
    } ,
  } ,
} ) ; 

配置參數

場地	類型	描述
DefaultStyle	string	列表的類型： ordered或unordered ，默認已ordered

工具的設置

您可以選擇列表類型。

輸出數據

場地	類型	描述
風格	string	列表的類型： ordered或unordered
專案	string[]	清單項目的數組

{
    "type" : " list " ,
    "data" : {
        "style" : " unordered " ,
        "items" : [
            " This is a block-styled editor " ,
            " Clean output data " ,
            " Simple and powerful API "
        ]
    }
},

I18N支持

該工具支持I18N API。要本地化UI標籤，請在tools部分下將此對象放入您的I18N字典中：

 "list" : {
  "Ordered" : " Нумерованный " ,
  "Unordered" : " Маркированный "
}

在此處查看有關editor.js國際化的更多說明：https：//editorjs.io/internationalization