fix bug

README.md

@@ -7,7 +7,7 @@
 ## Install
 
 ```bash
-npm install --save https://gitlab.atma.company/lib/react-ag-qeditor.git
+npm install --save git+https://gitlab.atma.company/lib/react-ag-qeditor.git
 ```
 
 ## Usage

example/src/App.js

@@ -6,7 +6,7 @@ import 'react-ag-qeditor/dist/index.css'
 
 const App = () => {
     return <div style={{padding:40}}>
-        <QEditor value={'<p>asds</p>'} onChange={(value)=>{
+        <QEditor value={'<span style="font-size: 20px;">asds</span>'} onChange={(value)=>{
             console.log('sads', value);
         }} />
     </div>

package.json

 {
     "name": "react-ag-qeditor",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "description": "WYSIWYG html editor",
     "author": "atma",
     "license": "MIT",

src/QEditor.jsx

@@ -24,6 +24,7 @@ export default class QEditor extends React.Component {
 
         Quill.register('formats/video', VideoBlot)
         Quill.register('formats/videoLocal', VideoLocalBlot)
+
     }
 
     componentDidMount () {
@@ -90,7 +91,7 @@ export default class QEditor extends React.Component {
             <div className={'atma-editor-modal-action'}>
                 {
                     buttons.map((btn, i) => (
-                        <button key={'mAction' + i} className={'atma-editor-btn' + btn.className}
+                        <button type={'button'} key={'mAction' + i} className={'atma-editor-btn' + btn.className}
                                 onClick={btn.onClick}>{btn.title}</button>
                     ))
                 }

src/index.scss

@@ -10,7 +10,8 @@
         }
     }
 
-    .ql-toolbar{
+    .ql{
+        &-toolbar{
             &.ql-snow{
                 position: sticky;
                 top: 0;
@@ -32,11 +33,18 @@
             }
         }
 
-    .ql-editor{
+        &-editor{
             min-height: 350px;
             max-height: 800px;
         }
 
+        &-container{
+            font-size: 16px;
+        }
+    }
+
+
+
     &-modal{
         position: fixed;
         top: 0;