Button doesn't appear on TinyMCE v4 Toolbar

[GregLee-Jeffco]

Greetings,

I believe I installed your mathsymbol correctly onto our MVC page. However, it doesn't seem to appear on the on toolbar. Do you have any idea what I might have missed?

Here's my code:

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

<script>
    tinymce.init({
        selector: '.edithtml',
        external_plugins: { 'mathSymbols': '/scripts/mathsymbols-tinymce-plugin.js' }, // Add plugin to Tinymce
        plugins: 'mathSymbols',
        toolbar: 'mathSymbols undo redo styleselect bold italic alignleft aligncenter alignright bullist numlist outdent indent code',
        
    });
</script>

As you can see here, there is no icon even though I added it to the toolbar...

Any idea what I can try to do to fix this? LMK, thanks!

(Oh and how is your TinyMCE V5 coming along? :) )

[Axel186]

Hey @GregLee-Jeffco ,
Thank you for reaching me out!

I am not supporting the project since I don't have any available time for it at this moment. Hopefully, soon, this situation will change and then I will be able to solve multiple open issues + provide the TinyMCE v5 support that people ask.

Now let's talk about your issue ;)

Are you sure all your files are loaded correctly (paths to files).
Can you please review your "Network" tab in developer tools. Are there any "red" lines or http errors?
Are there any errors in browser console?

I have a feeling that the script is not loaded properly in your case.

[GregLee-Jeffco]

Hi Roman! Thanks for the quick response! Really appreciate it. Ok in the Console, I got an “Unexpected Token Export”. Any idea what that might be? ***@***.***D724A6.DDD6EC60] Thanks so much for your help!!!

…

-Greg From: Roman Axelrod ***@***.***> Sent: Saturday, March 27, 2021 11:29 AM To: Axel186/mathsymbols-tinymce-plugin ***@***.***> Cc: Lee Greg ***@***.***>; Mention ***@***.***> Subject: [EXTERNAL] Re: [Axel186/mathsymbols-tinymce-plugin] Button doesn't appear on TinyMCE v4 Toolbar (#4) Hey @GregLee-Jeffco<https://urldefense.com/v3/__https:/github.com/GregLee-Jeffco__;!!Bj3pJzH8i9PN1EsMi1am!i9PHWw-HRRLD5IplN0Oa3AdJbu_Ia1vS17eGMR41HCbOecNYbbwjnUZeyctZdjTUrrcXM2a5vQ$> , Thank you for reaching me out! I am not supporting the project since I don't have any available time for it at this moment. Hopefully, soon, this situation will change and then I will be able to solve multiple open issues + provide the TinyMCE v5 support that people ask. Now let's talk about your issue ;) Are you sure all your files are loaded correctly (paths to files). Can you please review your "Network" tab in developer tools. Are there any "red" lines or http errors? Are there any errors in browser console? I have a feeling that the script is not loaded properly in your case. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<https://urldefense.com/v3/__https:/github.com/Axel186/mathsymbols-tinymce-plugin/issues/4*issuecomment-808766158__;Iw!!Bj3pJzH8i9PN1EsMi1am!i9PHWw-HRRLD5IplN0Oa3AdJbu_Ia1vS17eGMR41HCbOecNYbbwjnUZeyctZdjTUrrf2QAHlWg$>, or unsubscribe<https://urldefense.com/v3/__https:/github.com/notifications/unsubscribe-auth/ASLWEQ3XDBTPOXAYU5TBZ6LTFYPVNANCNFSM4Z4A67WQ__;!!Bj3pJzH8i9PN1EsMi1am!i9PHWw-HRRLD5IplN0Oa3AdJbu_Ia1vS17eGMR41HCbOecNYbbwjnUZeyctZdjTUrrf4YAPFtg$>. CAUTION:This email originated outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe. From: ***@***.******@***.***>

[Axel186]

@GregLee-Jeffco ,

Looks like loading script issue.

Can you show me how do you connect the plugin? There should be <script> tag with the path to js file.

Usually, this kind of errors appear when we connect ES modules to HTML.
You can try adding module attribute just for a test.
Example: <script type="module" src=".....js"></script>

[GregLee-Jeffco]

Thanks so much for your help so far! So I went and tried as you suggested and just loaded it as a module. It loads okay without any errors. However, when I try to configure it to TinyMCE v4 it throws that Unexpected Token “Export” error…. ***@***.***D726E3.DACEDA20] Here’s what my implementation looks like so far. BTW this is an MVC website and (for testing) I’m just putting it straight into the header partial for now until I get it working. ***@***.***D726E3.DACEDA20] Any idea what I might be doing wrong? Again, thank you SOOO much for your time on this! Best wishes! Greg From: Roman Axelrod ***@***.***> Sent: Thursday, April 1, 2021 4:10 AM To: Axel186/mathsymbols-tinymce-plugin ***@***.***> Cc: Lee Greg ***@***.***>; Mention ***@***.***> Subject: [EXTERNAL] Re: [Axel186/mathsymbols-tinymce-plugin] Button doesn't appear on TinyMCE v4 Toolbar (#4) @GregLee-Jeffco<https://urldefense.com/v3/__https:/github.com/GregLee-Jeffco__;!!Bj3pJzH8i9PN1EsMi1am!jWu0sX1t_ApkwIVPWWwkozRiSVSXmTTngqKhIKYDOlaL5oBCB2Y8qMXRYpsRojvHBK_63zB3TA$> , Looks like loading script issue. Can you show me how do you connect the plugin? There should be <script> tag with the path to js file. Usually, this kind of errors appear when we connect ES modules to HTML. You can try adding module attribute just for a test. Example: <script type="module" src=".....js"></script> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub<https://urldefense.com/v3/__https:/github.com/Axel186/mathsymbols-tinymce-plugin/issues/4*issuecomment-811804946__;Iw!!Bj3pJzH8i9PN1EsMi1am!jWu0sX1t_ApkwIVPWWwkozRiSVSXmTTngqKhIKYDOlaL5oBCB2Y8qMXRYpsRojvHBK-Ie7RnDw$>, or unsubscribe<https://urldefense.com/v3/__https:/github.com/notifications/unsubscribe-auth/ASLWEQZCCV4XQYKH7DOJ2ITTGRBAPANCNFSM4Z4A67WQ__;!!Bj3pJzH8i9PN1EsMi1am!jWu0sX1t_ApkwIVPWWwkozRiSVSXmTTngqKhIKYDOlaL5oBCB2Y8qMXRYpsRojvHBK_jzA3FqA$>. CAUTION:This email originated outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe. From: ***@***.******@***.***>