Merge pull request #3888 from syncfusion-content/378201-wrap-tool-CM

378201: Added wrap text for toolbar on CoreMVC

Author: mugunthan-anbalagan

ej2-asp-core-mvc/code-snippet/document-editor/custom-toolbar/razor

@@ -8,7 +8,7 @@
         var toolItem = {
             prefixIcon: "e-de-ctnr-lock",
             tooltipText: "Disable Image",
-            text: "Disable Image",
+            text: onWrapText("Disable Image"),
             id: "Custom"
         };
         container.toolbarItems = [toolItem, 'Undo', 'Redo', 'Separator', 'Image', 'Table', 'Hyperlink', 'Bookmark', 'TableOfContents', 'Separator', 'Header', 'Footer', 'PageSetup', 'PageNumber', 'Break', 'InsertFootnote', 'InsertEndnote', 'Separator', 'Find', 'Separator', 'Comments', 'TrackChanges', 'Separator', 'LocalClipboard', 'RestrictEditing', 'Separator', 'FormFields', 'UpdateFields','ContentControl'];
@@ -21,4 +21,17 @@
             }
         };
     }
+
+    function onWrapText(text) {
+        let content = '';
+        const index = text.lastIndexOf(' ');
+
+        if (index !== -1) {
+            content = text.slice(0, index) + "<div class='e-de-text-wrap'>" + text.slice(index + 1) + "</div>";
+        } else {
+            content = text;
+        }
+
+        return content;
+    }
 </script>

ej2-asp-core-mvc/code-snippet/document-editor/custom-toolbar/tagHelper

@@ -5,7 +5,7 @@
         var toolItem = {
             prefixIcon: "e-de-ctnr-lock",
             tooltipText: "Disable Image",
-            text: "Disable Image",
+            text: onWrapText("Disable Image"),
             id: "Custom"
         };
         container.toolbarItems = [toolItem, 'Undo', 'Redo', 'Separator', 'Image', 'Table', 'Hyperlink', 'Bookmark', 'TableOfContents', 'Separator', 'Header', 'Footer', 'PageSetup', 'PageNumber', 'Break', 'InsertFootnote', 'InsertEndnote', 'Separator', 'Find', 'Separator', 'Comments', 'TrackChanges', 'Separator', 'LocalClipboard', 'RestrictEditing', 'Separator', 'FormFields', 'UpdateFields','ContentControl'];
@@ -18,4 +18,17 @@
             }
         };
     }
+
+    function onWrapText(text) {
+        let content = '';
+        const index = text.lastIndexOf(' ');
+
+        if (index !== -1) {
+            content = text.slice(0, index) + "<div class='e-de-text-wrap'>" + text.slice(index + 1) + "</div>";
+        } else {
+            content = text;
+        }
+
+        return content;
+    }
 </script>