new editor

example/src/App.js

@@ -7,7 +7,7 @@ import 'react-ag-qeditor/dist/index.css'
 const App = () => {
     return <div style={{padding:40}}>
         <QEditor
-            value={'<div><img src="https://picsum.photos/200" width="100" /></div><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>'}
+            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)=>{
                 console.log('sads', value);
             }}

src/QEditor.jsx

@@ -344,7 +344,7 @@ const QEditor = ({ value, onChange = ()=>{}, style, uploadOptions }) => {
     }
 
     return (
-        <div className="atma-editor-wrap" style={style}>
+        <div className="atma-editor-wrap" style={style} onMouseDown={(e)=>{e.stopPropagation();}} onMouseMove={(e)=>{e.stopPropagation();}} onMouseUp={(e)=>{e.stopPropagation();}}>
             <div className="atma-editor">
                 <ToolBar
                     editor={editor}

src/index.scss

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