Update js/rus/rus.js

js/rus/rus.js

@@ -341,3 +341,30 @@ editor.Blocks.add('video-player-settings-block', {
     </div>`,
   content: { type: 'video-player-settings' },
 });
+
+
+
+
+// Создаем блок для компонента Iframe
+editor.BlockManager.add('custom-iframe', {
+  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;">Iframe</span>
+    </div>`,
+  content: `<iframe id="custom-iframe" frameborder="0" width="480" height="405" src="https://rutube.ru/play/embed/538dc9cc0b952dd52f47e28df7df5e81/" allow="clipboard-write; autoplay" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: relative; top: 0; margin: 0 auto; display: block;"></iframe>`,
+  attributes: {
+    class: ''
+  }
+});
+editor.CssComposer.addRules(`
+  #custom-iframe {
+    width: 480px;
+    height: 405px;
+    border: none;
+    margin: 0 auto;
+    position: relative;
+    top: 0;
+    display: block;
+  }
+`);