Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Andreas Nylin 8 posts 78 karma points
    Aug 16, 2024 @ 09:25
    Andreas Nylin
    0

    Problem with Custom TinyMCE editor and Smidge in production

    Problem with Custom TinyMCE editor and Smidge in production

    Hi,

    I have created a custom property editor with a TinyMCE editor.

    angular.module("umbraco")
        .controller("MyPluginController",
            function ($scope, $element) {
                    tinyMCE.init({
                        // ...
                    });
            });
    

    Everything is working fine when i run the site in debug mode. But when I turn of debug the TinyMCE editor stops working. The reason is that the TinyMCE scripts for themes and plugins are now loaded from a different path.

    In debug mode they load from: /umbraco/lib/tinymce/themes/modern/theme.min.js

    But in release they load from: /sb/themes/modern/theme.js which results in 404 since it doesn't exists.

    If I understand things correctly it seems like Smidge is causing this. But I cannot understand how this works or why this happens. Or how I can stop Smidge from interfering.

    I've read that you can specify bundling options in the manifest file for the plugin but it doesn't seem to work for me.

    "propertyEditors": [
    // ...
    ],
    "css": [],
    "javascript": [
    "~/App_Plugins/MyPlugin/myplugin.controller.js"
    ],
    "bundleOptions": "None"
    

    Anyone else experienced this problem?

  • Bishal Tim 24 posts 113 karma points c-trib
    1 week ago
    Bishal Tim
    0

    hey andreas,

    in production i would not suggest using "bundleOptions": "None" in my angular projects i used to show RTE like

      $scope.page.content = {
            label: '',
            description: '',
            view: 'rte',
            config: {
                editor: {
                    toolbar: ["ace", "undo", "redo", "cut", "copy", "styleselect", "fontselect", "fontsizeselect", "forecolor", "bold", "italic", "alignleft", "aligncenter", "alignright", "bullist", "numlist", "link", "umbmediapicker", "umbmacro", "table", "umbembeddialog"],
                    stylesheets: [],
                    style_formats: [{ title: "Heading 1", inline: "h1" }],
                    plugins: ["advlist", "autolink", "link", "code", "fullscreen", "textcolor", "colorpicker"],
                    dimensions: { height: 300, width: 800 }
                }
            },
            value: ""
        };
    
Please Sign in or register to post replies

Write your reply to:

Draft