feat: tab/untab list

afeiship · Feb 4, 2021 · 5176ce7 · 5176ce7
1 parent fa69282
commit 5176ce7
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 2 deletions.
diff --git a/public/assets/style.scss b/public/assets/style.scss
@@ -27,7 +27,21 @@
       font-size: 14px;
     }
 
-    blockquote{
+    ol,
+    ul {
+      li {
+        margin-left: 14px;
+      }
+    }
+
+    ul{
+      list-style: circle;
+      ul{
+        margin-left: 14px;
+      }
+    }
+
+    blockquote {
       border-left: 3px solid #ccc;
       padding: 10px;
       background: #eee;

diff --git a/public/index.js b/public/index.js
@@ -42,7 +42,10 @@ class App extends React.Component {
 
   constructor(inProps) {
     super(inProps);
-    this.state = { value: '<p>hello world</p>' };
+    this.state = {
+      value:
+        '<blockquote>hello world</blockquote><p>Are you ok?</p><ul><li>thanks</li><li>and you?</li></ul>'
+    };
   }
 
   handleClick1 = (e) => {

diff --git a/public/plugins/bulleted-list.js b/public/plugins/bulleted-list.js
@@ -6,6 +6,20 @@ import { jsx } from 'slate-hyperscript';
  * Active:
  * Transforms.setNodes(editor, { type:'list-item' })
  * Transforms.wrapNodes(editor, { type: 'bulleted-list', children: [] })
+ *
+ * https://github.com/GitbookIO/slate-edit-list
+ * https://gitbookio.github.io/slate-edit-list/
+ *
+ * indent: 缩进一个单位
+ Transforms.wrapNodes(editor, { type: 'bulleted-list', children: [] })
+ Transforms.setNodes(editor, { type:'list-item' })
+
+ * dedent: 反向缩进一个单位
+ Transforms.unwrapNodes(editor, {
+    match: n => n.type === 'bulleted-list' || n.type === 'numbered-list' ,
+    split: true,
+  })
+
  */
 
 export default {