TinyMCE in UI Page is missing tools from toolbar
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎06-26-2019 09:21 AM
We have an old (but heavily utilized) UI Page with TinyMCE loaded on a textarea. It works fine, but some of the tools aren't showing up in the toolbar even though they are specified in the init. Our users are specifically requesting the Link button. In my personal developer instance, I made a very basic UI Page for troubleshooting this, and I cannot figure out why they aren't there.
Sample UI Page HTML:
<?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>
<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>
</j:jelly>
That first <script> on line 4 is being removed for some reason. It was supposed to be loading 'tinymce.full.jsx' from '/scripts/tinymce4_4_3/'
'glide.ui.html.editor.v4.toolbar.line1' System Property value:
bold,italic,underline,undo,redo,|,fontselect,fontsizeselect,table,|,forecolor,backcolor,link,unlink,|,image,media,code,|,alignleft,aligncenter,alignright,|,bullist,numlist,fullscreen
Resultant UI Page:
It looks like table, forecolor, backcolor, link, unlink, image, media, code, and fullscreen are all missing. Does anyone know what is going on? Thank you for your help with this!
- Labels:
-
Scripting and Coding
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎09-28-2023 12:35 AM
Hi Lhora,
It has been a long time (4 years) since we had dealt with this issue, but, at the time, we ended up using a different open source WYSIWYG editor that we could control better since we couldn't get TinyMCE to respond as we expected. We ended up loading Jodit as a self-hosted JavaScript library in a UI Script on the UI Page.
I think this is their main webpage, but again, it has been a long time, so do some due diligence: https://xdsoft.net/jodit/
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎01-16-2025 12:43 PM
I played around with loading scripts including tincymce.full.jsx
But after I added this line at the top of my UI page.