Include the TinyMCE editor in a form Last updated: 03. Oct 2022

Follow this guide to include a this great rich text editor as a part of your Docly Forms. You can of course also use this guide to include other editors to your forms. Read more the TinyMCE editor at

Create a textarea field in your markup

Enter your text:<br />
<textarea class="tinymce form-control" name="Textfield"></textarea>

Setup as many or just one field as you please.

Navigate to the "JS" tab

Add this code to the "Global JS declarations"

var loaded = false;

    loadScript("", function() {
        loadScript("", function () {
            loaded = true;

Add this code to the "AttachDocEvents"

if (loaded) AttachEditors($e);

Add a custom function called "loadScript" with the parameters "sScriptSrc, oCallback"

var oHead = $("form")[0];
var oScript = document.createElement("script");
oScript.type = "text/javascript";
oScript.src = sScriptSrc;
// most browsers
oScript.onload = oCallback;
// IE 6 & 7
oScript.onreadystatechange = function () {
    if (this.readyState == "complete") {

Add custom function "AttachEditors" with parameters "$e"

$e.find(".tinymce").tinymce({ mode:'textareas' });

Validate that your setup is correct

The complete JS setup should now look like this: