TinyMCE toolbar does not show on UI page (Tokyo)

[Scott Thompson]

Hi,

I am trying to create a very simple UI page that has the tinyMCE toolbar control on my textarea.

When I try the page the toolbar never shows.

I have tried on both Global and Scoped UI pages.

Does anyone know why the toolbar is not showing?

Thank You.

My HTML Code

<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<script>
tinymce.init({
mode : "specific_textareas",
editor_selector : "mceEditor",
width: '100%',
height: '400px',
menubar: "tools",
toolbar: "$[gs.getProperty('glide.ui.html.editor.v4.toolbar.line1')]",
content_css : "* {font: 10px arial, sans-serif;} b {font-weight:bold;} th {font-weight:bold;} strong {font-weight:bold;}",
});
</script>
<textarea cols="80" rows="10" id="body" name="body" class="mceEditor"></textarea>
</j:jelly>

[palanikumar]

I'm not sure how it works. From your code I see that library of this toolbar is not referred. Please check if you need to include any library to this java script code

[Scott Thompson · Accepted solution]

So I finally found the solution.

In my search, I kept seeing an empty set of script tags in a lot of the samples.

It looks like the attributes in the script tag are being removed when posting to the dev forum and other sites.

I finally ran across a posting where they posted the code and said that it was being stripped out for some reason.

When I added the line below I can now see the TinyMCE toolbar on my UI page's text area.

<script src="/scripts/tinymce4_4_3/tinymce.full.jsx"></script>