feat: lists UX + assets create folder UI (wip)

client/components/editor/editor-markdown.vue

@@ -396,6 +396,13 @@ export default {
       }
       return lvl
     },
+    /**
+     * Insert content at cursor
+     */
+    insertAtCursor({ content }) {
+      const cursor = this.cm.doc.getCursor('head')
+      this.cm.doc.replaceRange(content, cursor)
+    },
     /**
      * Insert content after current line
      */
@@ -457,6 +464,25 @@ export default {
     toggleFullscreen () {
       this.cm.setOption('fullScreen', true)
     }
+  },
+  mounted() {
+    this.$root.$on('editorInsert', opts => {
+      switch (opts.kind) {
+        case 'IMAGE':
+          this.insertAtCursor({
+            content: `![${opts.text}](${opts.path})`
+          })
+          break
+        case 'BINARY':
+          this.insertAtCursor({
+            content: `[${opts.text}](${opts.path})`
+          })
+          break
+      }
+    })
+  },
+  beforeDestroy() {
+    this.$root.$off('editorInsert')
   }
 }
 </script>