Merge pull request #20 from appleple/fix/custom-order#17

Fix/custom order#17

demo.tsx

@@ -2,6 +2,7 @@ import SmartBlock from './src/adapter';
 import extensions from './src/extensions/';
 import Code from './src/extensions/code';
 import Image from './src/extensions/image';
+import CustomBlock from './src/extensions/custom-block';
 import markdown from './sample';
 import * as showdown from 'showdown';
 import './css/smartblock.css';
@@ -13,27 +14,21 @@ extensions.push(new Image({
   imgFullClassName: 'full',
 }))
 
-// import CustomBlock from './src/extensions/custom-block';
-// import Heading3 from './src/extensions/heading3';
-// custom block
-// extensions.push(new CustomBlock({
-//   tagName: 'h3',
-//   className: 'foofoo',
-//   icon: `
-//     <svg height="24" width="24">
-//       <circle cx="12" cy="12" r="12" fill="blue" />
-//     </svg>`
-// }))
-
-// extensions.push(new CustomBlock({
-//   tagName: 'p',
-//   className: 'hogehoge',
-//   icon: `
-//     <svg height="24" width="24">
-//       <circle cx="12" cy="12" r="12" fill="red" />
-//     </svg>`
-// }))
+extensions.push(new CustomBlock({
+  tagName: 'p',
+  customName: 's-paragraph',
+  className: 's-paragraph',
+  icon: `
+    <svg height="24" width="24">
+      <circle cx="12" cy="12" r="12" fill="red" />
+    </svg>`
+}))
 
+extensions.push(new CustomBlock({
+  tagName: 'h2',
+  customName: 's-heading2',
+  className: 's-heading2'
+}))
 
 SmartBlock('#app', {
   showTitle: true,