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.
document.addEventListener("DOMContentLoaded", (event) => {
tinymce.init({
selector: "textarea[data-html-editor=tinymce]"
});
});