TinyMCE editor is not showing up in UI page

[Prashant42]

Hi All,

In a UI page, I am trying to configure the tinyMCE editor,but it is not rendering instead an empty text area is coming up on ui page.

Am using the below code:

<script>
tinymce.init({
mode : "specific_textareas",
editor_selector : "mceEditor",
width: '100%',
height: '300px',
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="60" rows="10" id="textfield" name="textfield" class="mceEditor"></textarea>

Any leads will be appreciated.

Thanks,

Prashant

[sachin_namjoshi]

Please check below solution for adding tinyMCE editor in UI page

https://community.servicenow.com/community?id=community_question&sys_id=47720321dbd8dbc01dcaf3231f96...

Regards,

Sachin

[Prashant42]

I am using the similar code still tinyMCE editor is not getting rendered, only text area is showing up

It is showing up like this: 

The options are not getting displayed. Kindly help me with it

Thanks, 

Prashant

[Aman29]

Hi Prashant,

Were you able to do that ? I am having the same issue.

[madhuri15]

Hi Prashanth,

I am facing the same issue. Were you able to resolve this?