new editor

example/src/App.js

@@ -5,7 +5,7 @@ import 'react-ag-qeditor/dist/index.css'
 
 
 const App = () => {
-    return <div style={{padding:40}} onMouseUp={()=>{ console.log('123'); }}>
+    return <div style={{padding:40}}>
         <QEditor
             value={'<table width="100%"><tr><td width="50%"><img src="https://picsum.photos/200" width="100" /></td><td width="50%"><img src="https://picsum.photos/200" width="100" /></td></tr></table><p><span style="font-size: 40px;"><strong>Наш принцип №4 - Непрерывно улучшать процессы</strong></span></p><p>Как мы понимаем, что мы выполняем наш принцип №4 Непрерывно улучшать процессы!</p><ul><li>Мы следим за современными тенденциями рынка и идём в ногу со временем</li><li>Мы изобретаем новые эффективные способы решения задач</li><li>Мы приветствуем и поощряем инициативу каждого сотрудника компании</li><li>Мы устраняем проблемы и ошибки в процессах</li><li>Мы используем непрерывный цикл Планируй-Делай-Контролируй-Корректируй для улучшения наших процессов</li><li>Мы измеряем результаты нашей работы. Что мы не измеряем, тем мы не управляем</li><li>Мы замечаем проблемы и ошибки в процессах и говорим о них</li></ul>'}
             onChange={(value)=>{

package.json

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

src/index.scss

@@ -3,6 +3,7 @@ body{
 }
 .ProseMirror{
     outline: none;
+    min-height: 200px;
 }
 .atma-editor {
     position: relative;
@@ -67,7 +68,6 @@ body{
         border: 1px solid #ccc;
         border-top: 0;
         padding: 12px 15px;
-        min-height: 200px;
 
         p{
             margin-top: 0;