new editor

example/src/App.js

@@ -5,7 +5,7 @@ import 'react-ag-qeditor/dist/index.css'
 
 
 const App = () => {
-    return <div style={{padding:40}}>
+    return <div style={{padding:40}} onMouseUp={()=>{ console.log('123'); }}>
         <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)=>{

src/QEditor.jsx

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