feat: toolbar visibility

Author: pd4d10

packages/bytemd/src/editor.svelte

@@ -10,6 +10,7 @@
   export let plugins = [];
   export let mode = 'split';
   export let editorConfig;
+  export let toolbar = true;
   export let toolbarItems = [];
   export let debounceMs = 300;
 
@@ -78,13 +79,15 @@
 </style>
 
 <div class="bytemd" style={containerStyle}>
-  <Toolbar
-    {cm}
-    {fileHandler}
-    {toolbarItems}
-    {mode}
-    {activeTab}
-    on:tab={setActiveTab} />
+  {#if toolbar}
+    <Toolbar
+      {cm}
+      {fileHandler}
+      {toolbarItems}
+      {mode}
+      {activeTab}
+      on:tab={setActiveTab} />
+  {/if}
   <div class="bytemd-body">
     <div class="bytemd-editor" class:hidden={mode === 'tab' && activeTab === 1}>
       <textarea bind:this={textarea} />

packages/bytemd/src/index.ts

@@ -22,6 +22,7 @@ export interface EditorProps {
   fileHandler?: (file: File) => Promise<string>;
   plugins?: BytemdPlugin[];
   editorConfig?: Omit<EditorConfiguration, 'value'>;
+  toolbar?: boolean;
   /**
    * Components which should be added to toolbar
    */

packages/bytemd/vue/src/editor.vue

@@ -13,6 +13,7 @@ export default {
     'fileHandler',
     'plugins',
     'editorConfig',
+    'toolbar',
     'toolbarItems',
     'debounceMs',
   ],