Self-Hosted TinyMCE

[sklinet]

Self-Hosted TinyMCE

[Sklico]

Hi @csharpee this is duplicate of #8. As we said there, at the moment we don't have any plans to support self-hosted version in this plugin. If you want it, feel free to fork our repo and change it on your own.

Thanks

[01CodeLT]

@poberbeck @csharpee
For others coming here wondering how to do this the best solution at the moment might be patch-package (mentioned here https://docs.strapi.io/dev-docs/plugins-extension)

I just removed the apiKey property from the react component in this file admin/src/components/Editor/index.js and added a new one to load the JS locally...

return (
    !loading && pluginConfig ?
        <Editor
            tinymceScriptSrc={'/tinymce/tinymce.min.js'}
            value={value}
            tagName={name}`

Apply the change with patch-package and then add a postinstall command to copy tinymce to your public folder...

package.json

"scripts": {
    "postinstall": "node ./postinstall.js && patch-package"
},

postinstall.js

// Copy tinymce folder
const fse = require('fs-extra');
const path = require('path');
const topDir = __dirname;
fse.emptyDirSync(path.join(topDir, 'public', 'tinymce'));
fse.copySync(path.join(topDir, 'node_modules', 'tinymce'), path.join(topDir, 'public', 'tinymce'), { overwrite: true });

.gitignore

public/tinymce/*

This will remove the api key message from your tinymce editors. Would be good if the contributors would add a conditional for the tinymceScriptSrc property then it can be done natively? The above method might also be useful in the docs?