Merge pull request #20 from mintbridge/patch-2

add attribute support for setting the heading level

Author: koddsson

index.js

@@ -43,7 +43,12 @@ class MarkdownButtonElement extends HTMLElement {
 class MarkdownHeaderButtonElement extends MarkdownButtonElement {
   constructor() {
     super()
-    styles.set(this, {prefix: '### '})
+
+    const level = parseInt(this.getAttribute('level') || 3, 10)
+    const prefix = `${'#'.repeat(level)} `
+    styles.set(this, {
+      prefix
+    })
   }
 }
 

test/test.js

@@ -70,6 +70,7 @@ describe('markdown-toolbbar-element', function() {
         <markdown-toolbar for="textarea_id">
           <md-bold>bold</md-bold>
           <md-header>header</md-header>
+          <md-header level="1">h1</md-header>
           <md-italic>italic</md-italic>
           <md-quote>quote</md-quote>
           <md-code>code</md-code>
@@ -489,5 +490,18 @@ describe('markdown-toolbbar-element', function() {
         assert.equal("GitHub's [homepage](|url|)", visualValue())
       })
     })
+
+    describe('header', function() {
+      it('inserts header syntax with cursor in description', function() {
+        setVisualValue('|title|')
+        clickToolbar('md-header')
+        assert.equal('### |title|', visualValue())
+      })
+      it('inserts header 1 syntax with cursor in description', function() {
+        setVisualValue('|title|')
+        clickToolbar('md-header[level="1"]')
+        assert.equal('# |title|', visualValue())
+      })
+    })
   })
 })