blog documentation FAQ followers forum marketplace services youtube

solved Changing the skin on TinyMCE

The Jamroom Network » Forum » Using Jamroom » Page » Changing the skin on TinyMCE
Dazed
Dazed
@dazed
8 years ago
1,022 posts
Has anyone changed a tinymce skin? I used the online sin generator and added my skin to modules/jrCore-release-5.4.0b4/contrib/tinymce/skins but I am not sure how to set my skin as the default in JR. I did try changing my skin folder name to "lightgray" and renaming the old but I did not see my changes.

Suggestions?

Thanks!
updated by @dazed: 12/02/16 01:25:17PM
michael
@michael
8 years ago
7,744 posts
You're getting your skin from here:
http://skin.tinymce.com/

Give it a name other that 'custom', I called mine "soreeyes".
* download that skin to your pc, unzip it.
* upload it to your jamroom site at:
/modules/jrCore/contrib/tinymce/skins/soreyes

--
open the form_editor.tpl file in either the ACP editor or the file, or the file over-ride and it will look like this:
{jrCore_module_url module="jrCore" assign="murl"}
{jrCore_module_url module="jrImage" assign="imurl"}
tinymce.init({
    setup: function(ed) {
        var mce_body_fs = $('body').width();
        ed.on('FullscreenStateChanged', function(e) {
            if (e.state === true) { $('.form_editor_holder .mce-fullscreen').width(mce_body_fs); }
            else {
                $('.form_editor_holder .mce-panel').css('width','');
            }
        });
    },
    body_id: "{$form_editor_id}",
.........
Add the skin's name to that

{jrCore_module_url module="jrCore" assign="murl"}
{jrCore_module_url module="jrImage" assign="imurl"}
tinymce.init({
    setup: function(ed) {
        var mce_body_fs = $('body').width();
        ed.on('FullscreenStateChanged', function(e) {
            if (e.state === true) { $('.form_editor_holder .mce-fullscreen').width(mce_body_fs); }
            else {
                $('.form_editor_holder .mce-panel').css('width','');
            }
        });
    },
    body_id: "{$form_editor_id}",
    skin: "soreeyes",
.........
michael
@michael
8 years ago
7,744 posts
Might be able to add it to a custom plugin instead, (haven't done it so you'd need to try). If that worked, it would mean it would be stable over upgrades.

Docs: "Howto add a tinymce plugin to the system"
https://www.jamroom.net/the-jamroom-network/documentation/jamroom-developers-guide/4207/howto-add-a-tinymce-plugin-to-the-system
Dazed
Dazed
@dazed
8 years ago
1,022 posts
Thanks Michael. That worked fine.

Appreciate it!
Black-Eagle
Black-Eagle
@black-eagle
8 years ago
57 posts
Hello Michael.

It's interesting. I'll try too.