feat: h1,h2,h3,h4,h5,h6 State mapping

Author: stulip

CHANGELOG.md

@@ -1,5 +1,8 @@
 
 #1.7.0
+### Added
+- Add h1,h2,h3,h4,h5,h6 State mapping
+
 ### Fix
 - [Toolbar active/inactive](https://github.com/wxik/react-native-rich-editor/issues/141)
 - Adjust the format of `insertImage` to solve the bug that the picture cannot be deleted

src/editor.js

@@ -242,13 +242,13 @@ function createHTML(options = {}) {
             italic: { state: function() { return queryCommandState('italic'); }, result: function() { return exec('italic'); }},
             underline: { state: function() { return queryCommandState('underline'); }, result: function() { return exec('underline'); }},
             strikeThrough: { state: function() { return queryCommandState('strikeThrough'); }, result: function() { return exec('strikeThrough'); }},
-            heading1: { result: function() { return exec(formatBlock, '<h1>'); }},
-            heading2: { result: function() { return exec(formatBlock, '<h2>'); }},
-            heading3: { result: function() { return exec(formatBlock, '<h3>'); }},
-            heading4: { result: function() { return exec(formatBlock, '<h4>'); }},
-            heading5: { result: function() { return exec(formatBlock, '<h5>'); }},
-            heading6: { result: function() { return exec(formatBlock, '<h6>'); }},
-            paragraph: { result: function() { return exec(formatBlock, '<p>'); }},
+            heading1: { state: function() { return queryCommandState(formatBlock) === 'h1'; }, result: function() { return exec(formatBlock, '<h1>'); }},
+            heading2: { state: function() { return queryCommandState(formatBlock) === 'h2'; }, result: function() { return exec(formatBlock, '<h2>'); }},
+            heading3: { state: function() { return queryCommandState(formatBlock) === 'h3'; }, result: function() { return exec(formatBlock, '<h3>'); }},
+            heading4: { state: function() { return queryCommandState(formatBlock) === 'h4'; }, result: function() { return exec(formatBlock, '<h4>'); }},
+            heading5: { state: function() { return queryCommandState(formatBlock) === 'h5'; }, result: function() { return exec(formatBlock, '<h5>'); }},
+            heading6: { state: function() { return queryCommandState(formatBlock) === 'h6'; }, result: function() { return exec(formatBlock, '<h6>'); }},
+            paragraph: { state: function() { return queryCommandState(formatBlock) === 'p'; }, result: function() { return exec(formatBlock, '<p>'); }},
             quote: { result: function() { return exec(formatBlock, '<blockquote>'); }},
             removeFormat: { result: function() { return exec('removeFormat'); }},
             orderedList: {