export all lists into toolbox

editor-js · Oct 14, 2024 · a1699da · a1699da
1 parent 73dead0
commit a1699da
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -57,10 +57,11 @@
    -->
 
   <!-- Load Editor.js's Core -->
-  <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
+  <!-- <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script> -->
 
   <!-- Initialization -->
   <script type="module">
+    import EditorJS from '@editorjs/editorjs'
     import List from './src/index.ts';
 
     /**

diff --git a/src/index.ts b/src/index.ts
@@ -43,10 +43,29 @@ export default class NestedList {
    * title - title to show in toolbox
    */
   public static get toolbox(): ToolboxConfig {
-    return {
-      icon: IconListNumbered,
-      title: 'List',
-    };
+    return [
+      {
+        icon: IconListBulleted,
+        title: 'Unordered List',
+        data: {
+          style: 'unordered',
+        },
+      },
+      {
+        icon: IconListNumbered,
+        title: 'Ordered List',
+        data: {
+          style: 'ordered',
+        },
+      },
+      {
+        icon: IconChecklist,
+        title: 'Checklist',
+        data: {
+          style: 'checklist',
+        },
+      },
+    ];
   }
 
   /**
@@ -177,9 +196,9 @@ export default class NestedList {
     this.block = block;
 
     /**
-     * Set the default list style from the config or presetted 'ordered'.
+     * Set the default list style from the config or presetted 'unordered'.
      */
-    this.defaultListStyle = this.config?.defaultStyle || 'ordered';
+    this.defaultListStyle = this.config?.defaultStyle || 'unordered';
 
     const initialData = {
       style: this.defaultListStyle,