tiny

backend/web/js/form-load.js

@@ -24,9 +24,9 @@ $(function ()
         theme: "modern",
         language: "ru",
         schema: "html5",
-        custom_elements: "emstart,emend,header,main,span,icon,uibutton,uiinfotile,template",
+        custom_elements: "emstart,emend,header,main,span,icon,uibutton,uiinfotile,template,ui-button,ui-infotile",
         valid_children: '+a[div]',
-        extended_valid_elements: "span[id|name|class|style],i[id|name|class|style],ul[id|name|class|style],li[id|name|class|style],script[type|src],style,icon[*],uibutton[*],uiinfotile[*],template[*]",
+        extended_valid_elements: "span[id|name|class|style],i[id|name|class|style],ul[id|name|class|style],li[id|name|class|style],script[type|src],style,icon[*],uibutton[*],uiinfotile[*],ui-button[*],ui-infotile[*],template[*]",
         height: '350px',
         menubar: "edit insert view format table tools",
         plugins: [
@@ -43,6 +43,27 @@ $(function ()
         external_filemanager_path:"/filemanager/",
         filemanager_access_key:"cSahxMGM9cePZyTcGlG0nG9R2eWHVlWNHCjtcr1X",
         filemanager_title:"Responsive Filemanager" ,
-        external_plugins: { "filemanager" : "/filemanager/plugin.min.js"}
+        external_plugins: { "filemanager" : "/filemanager/plugin.min.js"},
+        setup: (editor) => {
+            editor.on('BeforeSetContent', (e) => {
+                let content = e.content;
+
+                if (content === 0) {
+                    return;
+                }
+
+                for (const tag of ['UIButton', 'UIInfoTile']) {
+                    content = content.replace(
+                        new RegExp(`\\b${tag}\\b`, 'g'),
+                        tag.replace(
+                            /(UI)([a-zA-Z])/g,
+                            '$1-$2'
+                        ).toLowerCase()
+                    );
+
+                }
+                e.content = content;
+            });
+        }
     });
 });