Update js/rus/rus.js

js/rus/rus.js

@@ -1017,7 +1017,54 @@ editor.CssComposer.addRules(`
 
 
 
+editor.BlockManager.add('custom-widget', {
+  label: `
+    <div style="display: flex; flex-direction: column; align-items: center;">
+      <!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="Layer_1" enable-background="new 0 0 48 48" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><path d="m38 8h-28c-2.2 0-4 1.8-4 4v24c0 2.2 1.8 4 4 4h8v-4h-8v-20h28v20h-8v4h8c2.2 0 4-1.8 4-4v-24c0-2.2-1.8-4-4-4zm-14 12-8 8h6v12h4v-12h6z" fill="#000000" style="fill: rgb(237, 237, 237);"></path></svg>
+      <span style="margin-top: 8px;">Widget</span>
+    </div>`,
+  content: `
+    <div id="custom-widget-container">
+      <script id="custom-widget-script" src="https://school.riverpsy.com/pl/lite/widget/script?id=731982"></script>
+    </div>
+  `,
+  attributes: {
+    class: ''
+  },
+  // Добавляем поля ввода для URL и ID виджета
+  components: {
+    scriptUrl: {
+      type: 'text',
+      label: 'Script URL',
+      value: 'https://school.riverpsy.com/pl/lite/widget/script'
+    },
+    widgetId: {
+      type: 'text',
+      label: 'Widget ID',
+      value: '731982'
+    }
+  },
+  // Функция для обновления скрипта при изменении полей ввода
+  onUpdate: function(component) {
+    const scriptUrl = component.get('scriptUrl');
+    const widgetId = component.get('widgetId');
+    const scriptElement = document.getElementById('custom-widget-script');
+    if (scriptElement) {
+      scriptElement.src = `${scriptUrl}?id=${widgetId}`;
+    }
+  }
+});
 
+editor.CssComposer.addRules(`
+  #custom-widget-container {
+    width: 100%;
+    height: auto;
+    margin: 0 auto;
+    position: relative;
+    top: 0;
+    display: block;
+  }
+`);