Trying to use TinyMCE in Theme – Mouseover label issue

  • Resolved kestryl

    (@kestryl)


    15 years, 2 months ago

    Okay, so I’ve tried this a few different ways. The first was to add the TinyMCEComments widget, as this does EXACTLY what I want: it adds TinyMCE in the comments box. Didn’t work however as the person I’m doing this for MUST have threaded comments (don’t ask). So I’ve been trying to code it in myself the easiest way I can think of: adding it to the theme ( I’m not sure how to edit anything else to work properly, I’m not a javascript coder, my skills run more towards AS3 than .js).

    The two solutions that have worked best so far (listed below) each seem to have one major flaw, that the roll-overs appear like ‘Advanced:Bold’ or ‘Advanced: Italics’ instead of simply ‘Bold’ or ‘Italics’. Needless to say the owner doesn’t like this and I have to have the rich text editor in asap : I’ve been trying the following solutions, both have the same issue on the replies screen but work like they’re supposed to within the admin console. I’ve tried this on 4 different servers & installations, all the latest installation with the same results- the buttons work, they just have the wrong label.

    I’m really really hoping someone can tell me how to fix this, or what I’m doing wrong, or if there is already a solution out there that I’m missing that works with threaded comments? (At this point I’m also searching for ways to REMOVE the mouseovers) I really need this as soon as possible, and I’ve been searching for the answer since Friday, I’m at my wits end, I’d be very grateful for any help.

    ~Thanks for your time!

    ~~~

    This first attempt was this: https://www.siolon.com/blog/using-tinymce-throughout-wordpress-application/

    And the second was coding in this to the comments.php :

    <script type=”text/javascript” src=”…/wp-includes/js/tinymce/tiny_mce.js”></script>
    <script type=”text/javascript”>
    <!–
    tinyMCE.init({
    theme : “advanced”,
    mode : “textareas”,
    plugins : “spellchecker”,
    theme_advanced_buttons3_add : “spellchecker”,
    spellchecker_languages : “+English=en,Swedish=sv”,
    theme_advanced_disable : “image,cleanup, help, code, hr, charmap, newdocument, visualaid, anchor, styleselect, formatselect, removeformat”,
    theme_advanced_buttons2 : “”,
    theme_advanced_buttons3 : “”,
    gecko_spellcheck : true,
    theme_advanced_toolbar_location : “top”,
    theme_advanced_toolbar_align : “left”,
    extended_valid_elements : “a[name|href|title],font[face|size|color|style],span[class|align|style]”,
    });
    –>
    </script>

Viewing 1 replies (of 1 total)
  • Thread Starter kestryl

    (@kestryl)

    Figured it out. WordPress apparently re-appropriated the en.js language file and renamed it without telling the tiny_mce.js file.

    Solution:
    1) Go to “…\wp-includes\js\tinymce\langs”, copy ‘wp-langs-en.js’, paste file to same folder and rename as ‘en.js’
    2) Add script tinyMCE.init to Comments.php , Problem solved!

    To completely remove roll-overs if the above solution doesn’t work, and you can’t figure out how to fix them:
    1) Open ‘tiny_mce.js’
    2) Find the following text:

    function(q){ var t=this.settings.language||”en”,r=i.i18n;if(!q){return””}return r[t+”.”+q]||q.replace(/{\#([^}]+)\}/g,function(u,s){return r[t+”.”+s]||”{#”+s+”}”})},getLang:function(r,q){return i.i18n[(this.settings.language||”en”)+”.”+r]||(d(q)?q:”{#”+r+”}”)},getParam:function(w,s,q){var t=n.trim,r=d(this.settings[w])?this.settings[w]:s,u;

    Insert the following after function(q){
    return “”;
    And the tooltips will not display ??

Viewing 1 replies (of 1 total)
  • The topic ‘Trying to use TinyMCE in Theme – Mouseover label issue’ is closed to new replies.