Tobago Demo

Menu

TinyMCE

Setup

This demo uses the CDN of TinyMCE as a showcase. There are other integration possibilities. For more information to setup see TinyMCE.

Only working with internet access of the browser, because of the use of a CDN.

The setup needs entries in tobago-config.xml for CSP. More information about these entries you find also on their website.

This page contains two <tc:script/> tags, one for the TinyMCE itself and the other for the initialization in this demo. The <tc:textarea/> contain <tc:dataAttribute name="html-editor" value="tinymce"/>, to mark this textarea to be used as rich text editor. The initialization is done by the init-tinymce.js script.

init-tinymce.js

document.addEventListener("DOMContentLoaded", (event) => {
tinymce.init({
selector: "textarea[data-html-editor=tinymce]"
});
});
© 2005-2025 Apache Software Foundation, Licensed under the Apache License, Version 2.0.