выравнивание картинки, обтекание текста, ресайз

example/src/App.js

@@ -7,12 +7,20 @@ const App = () => {
     return <div style={{padding:40}}>
         <QEditor
             // value={`<iframe src="https://cdn.atmaguru.online/2/atmacompany/8/b/8bTfGoWtAuv5waVabQRTtWaNOrve5uv8UBXFbGOH9cowQ1K56dYi7TFz6h5jUfzr.pdf" width="100%" /><iframe src="https://www.youtube.com/embed/YmZGP7YP8c4" frameborder="0" allowfullscreen="true"></iframe><video src="https://cdn.atmaguru.online/2/demo/V/k/VkrEXjkxnutXLgcJPt5CLXNgEj4RaL9Zk4SQhIMUjOeIRpu0dSKtQCIMl49pJM6N.webm" controls="true"></video><p>Так исторически сложилось, что взрослым людям стараются дать максимум материалов: часовые лекции, объемные массивы текста и должностных инструкций. Сотрудник изучает огромный объем информации. Пытается его запомнить, а потом в конце курса сдать большой аттестационный экзамен. Вы не учитывете при этом, что мозг взрослого человека перегружен, ему нужно выполнять обязанности по работе, думать о домашних делах, его постоянно отвлекают менеджеры и коллеги по работе… Единственный правильный способ — это давать информацию небольшими кусочками и после каждой порции проверять усвоена она или нет.</p><p></p><p>что-то новое о компании<br><a href="https://cdn.atmaguru.online/1/demo/T/G/TGvSAoLawONkteJ47yyNfmsC8zNe3ZRG4iO0ZfAjmvOIZkm20BWp8KdWCH5p1Rrx.gif" target="_blank" download="Редактор.gif" data-size="37 Мб">РСкачать книгу</a> <br></p>`}
-            value={'<p>sdfsdfsdfsdfsdf</p>'}
+            value={'<p style="text-align: left"><span><span data-type="resizable-image" data-image-wrapper="true" style="\n' +
+                '                display: inline-block;\n' +
+                '                float: left;\n' +
+                '                margin: 0 1rem 1rem 0;\n' +
+                '                shape-outside: none;\n' +
+                '                vertical-align: top;\n' +
+                '                position: relative;\n' +
+                '                z-index: 1;\n' +
+                '            " data-align="left"><img src="https://cdn.atmaguru.online/2/demo/3/k/3kL9yGrVaNZibUZzoeIcSmPuLyK8mqr6EptFPU8HQJ5sCeFbYey3y8mAfoaK6f3H.png" width="289" height="302" data-align="left"></span>​</span>​ываыва</p><p style="text-align: left">ываыва</p><p style="text-align: left">ываыва</p><p style="text-align: left"></p>'}
             onChange={(value)=>{
-                // console.log(value);
+                console.log(value);
             }}
             uploadOptions={{
-                url: 'https://cdn.atmaguru.online/upload/?sid=atmacompany&md5=0cETbV4BquHkqAdG9cK9MA&expires=1742192970',
+                url: '/upload',
                 errorMessage: 'Загрузка временно невозможна'
             }}
             style={{

example/src/setupProxy.js

+const { createProxyMiddleware } = require('http-proxy-middleware');
+
+module.exports = function(app) {
+    app.use(
+        '/upload',
+        createProxyMiddleware({
+            target: 'https://cdn.atmaguru.online',
+            changeOrigin: true,
+            pathRewrite: {
+                '^/upload': 'https://cdn.atmaguru.online/upload/?sid=demo&md5=HNxOMxidAMprpPLfAwdTAg&expires=1751035910',
+            },
+            onProxyReq: (proxyReq) => {
+                // Добавляем необходимые заголовки
+            },
+        })
+    );
+};

src/QEditor.jsx

@@ -99,6 +99,7 @@ const QEditor = ({
     const [isUploading, setIsUploading] = useState(false)
     const [recordType, setRecordType] = useState({video: true})
 
+    let formRef = useRef(null);
     // eslint-disable-next-line no-unused-vars
     const getRgb = (hex) => {
         var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
@@ -1280,6 +1281,7 @@ const QEditor = ({
                                         setWordGlossary(selectedText);
                                         setTimeout(()=>{
                                             setModalGlossaryIsOpen(true);
+                                            setTimeout(()=>{formRef.current.resetFields();},1)
                                         }, 100)
                                     }
                                     // console.log(editor.chain().focus());
@@ -1318,6 +1320,7 @@ const QEditor = ({
                 ]}
             >
                 <Form
+                    ref={formRef}
                     name={'form-glossary'}
                     initialValues={{word : wordGlossary}}
                     labelCol={{span: 8}}