Hello community,
I'm trying to implement the TinyMCE editor in a UI page. In my PDI everything is working fine, but on a customer instance I get an error which indicates that the CSS for the editor is missing. See specifics below.
Implementation in UI page
<script src="/scripts/tinymce4_4_3/tinymce.full.jsx"></script>
<script>
tinymce.init({
mode : "specific_textareas",
editor_selector : "mce",
width: '100%',
height: '200px',
menubar: "tools",
toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | bullist numlist'
});
</script>
<form>
<!-- HTML omitted -->
<textarea class="form-control modal-textarea mce" id="desc" type="text"></textarea>
<!-- HTML omitted -->
</form>
UI Page result
In the UI page the HTML description is empty. It is not showing.
CSS error
When I look in the browser, it looks that there is some CSS that is not found:
- scripts/tinymce_default/node_modules/sn-tinymce/js/tinymce/skins/lightgray/skin.min.css
- scripts/tinymce_default/node_modules/sn-tinymce/js/tinymce/skins/lightgray/content.min.css
Does anyone know how I can fix this? I don't have this is error in my PDI. DO I have to use a different version? And how can I check which version to use?
Thank you for your help in advance!
KR Brian
1. both your PDI and customer instance are on the same version of Servicenow ?
2. Also crosscheck if you have the below plugin in your instance while searching it.
