@appricot/strapi-plugin-tinymce/admin/src/index.js

Replaces the default Strapi WYSIWYG editor with a customized build of TinyMCE editor.

import { prefixPluginTranslations } from "@strapi/helper-plugin";
import pluginPkg from "../../package.json";
import pluginId from "./pluginId";
import Initializer from "./components/Initializer";
import Wysiwyg from "./components/Wysiwyg";
import { getTrad } from "./utils";

const name = pluginPkg.strapi.name;

export default {
    register(app) {
        app.addFields({ type: "wysiwyg", Component: Wysiwyg });
        app.createSettingSection(
            {
                id: pluginId,
                intlLabel: {
                    id: `${pluginId}.plugin.name`,
                    defaultMessage: "TinyMCE",
                },
            },
            [
                {
                    intlLabel: {
                        id: getTrad("settings.page-title"),
                        defaultMessage: "Configuration",
                    },
                    id: "settings",
                    to: `/settings/${pluginId}`,
                    Component: async () => {
                        return import("./pages/Settings");
                    },
                },
            ]
        );
        app.registerPlugin({
            id: pluginId,
            initializer: Initializer,
            isReady: false,
            name,
        });
    },

    bootstrap(app) {},
    async registerTrads({ locales }) {
        const importedTrads = await Promise.all(
            locales.map((locale) => {
                return import(
                    /* webpackChunkName: "translation-[request]" */ `./translations/${locale}.json`
                )
                    .then(({ default: data }) => {
                        return {
                            data: prefixPluginTranslations(data, pluginId),
                            locale,
                        };
                    })
                    .catch(() => {
                        return {
                            data: {},
                            locale,
                        };
                    });
            })
        );

        return Promise.resolve(importedTrads);
    },
};