feat: add code button

Author: pd4d10

packages/bytemd/src/icons.ts

@@ -19,4 +19,6 @@ export const iconMap = {
     '<svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 2.75a.25.25 0 01.25-.25h10.5a.25.25 0 01.25.25v10.5a.25.25 0 01-.25.25H2.75a.25.25 0 01-.25-.25V2.75zM2.75 1A1.75 1.75 0 001 2.75v10.5c0 .966.784 1.75 1.75 1.75h10.5A1.75 1.75 0 0015 13.25V2.75A1.75 1.75 0 0013.25 1H2.75zm9.03 5.28a.75.75 0 00-1.06-1.06L6.75 9.19 5.28 7.72a.75.75 0 00-1.06 1.06l2 2a.75.75 0 001.06 0l4.5-4.5z"/></svg>',
   info:
     '<svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm6.5-.25A.75.75 0 017.25 7h1a.75.75 0 01.75.75v2.75h.25a.75.75 0 010 1.5h-2a.75.75 0 010-1.5h.25v-2h-.25a.75.75 0 01-.75-.75zM8 6a1 1 0 100-2 1 1 0 000 2z"/></svg>',
+  code:
+    '<svg viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.72 3.22a.75.75 0 011.06 1.06L2.06 8l3.72 3.72a.75.75 0 11-1.06 1.06L.47 8.53a.75.75 0 010-1.06l4.25-4.25zm6.56 0a.75.75 0 10-1.06 1.06L13.94 8l-3.72 3.72a.75.75 0 101.06 1.06l4.25-4.25a.75.75 0 000-1.06l-4.25-4.25z"/></svg>'
 };

packages/bytemd/src/toolbar.ts

@@ -53,6 +53,31 @@ const leftItems: BytemdToolbarItem[] = [
       cm.focus();
     },
   },
+  {
+    tooltip: 'code',
+    iconHtml: iconMap.code,
+    onClick(cm) {
+      const [selection] = cm.listSelections();
+      const lines = cm
+        .getRange(
+          { line: selection.anchor.line, ch: 0 },
+          // @ts-ignore
+          { line: selection.head.line }
+        )
+        .split('\n');
+      if (lines.length > 1) {
+        cm.replaceRange(
+          ['```', ...lines, '```'].join('\n'),
+          { line: selection.anchor.line, ch: 0 },
+          // @ts-ignore
+          { line: selection.head.line }
+        );
+        cm.focus();
+      } else {
+        handleText(cm, '`', '`');
+      }
+    },
+  },
   {
     tooltip: 'table',
     iconHtml: iconMap.table,

scripts/icons.js

@@ -13,6 +13,7 @@ const iconMap = {
   ul: { key: 'list-unordered' },
   tasklist: {},
   info: {},
+  code: {},
 };
 
 let code = 'export const iconMap = {';