Hello Jocelyn.

I'm sorry, but I don't quite understand what you're asking.

We have the HTML editor, if that's what you're referring to. We are using WordPress' TinyMCE editor for that. Simply go to column settings, under editing/Editor Input Type select HTML editor. Is that what you were looking for?

Hey Jocelyn.

Sure, thanks for the explanation.

We would be able to help you with this, but you will need to re-apply the customization every time our plugin updates, and every time WordPress updates. If you're alright with this, please let me know, and I'll send you the code.

Hello Jocelyn.

Sure, here's what you need to do.

In this file ../wp-content/plugins/wpdatatables/assets/js/wpdatatables/wpdatatables.js you need to add "code" to strings on these lines:

• 300
• 301
• 1073
• 1074
• 1130
• 1131

So, instead of these:

300: plugins: 'link image media lists hr colorpicker fullscreen textcolor',
301: toolbar: 'undo redo formatselect bold italic underline strikethrough subscript superscript | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent blockquote | hr fullscreen | link unlink image | forecolor backcolor removeformat'
1073: plugins: 'link image media lists hr colorpicker fullscreen textcolor',
1074: toolbar: 'undo redo formatselect bold italic underline strikethrough subscript superscript | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent blockquote | hr fullscreen | link unlink image | forecolor backcolor removeformat'
1130: plugins: 'link image media lists hr colorpicker fullscreen textcolor',
1131: toolbar: 'undo redo formatselect bold italic underline strikethrough subscript superscript | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent blockquote | hr fullscreen | link unlink image | forecolor backcolor removeformat'

Add "code" at the end, so it looks like this:

300: plugins: 'link image media lists hr colorpicker fullscreen textcolor code',
301: toolbar: 'undo redo formatselect bold italic underline strikethrough subscript superscript | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent blockquote | hr fullscreen | link unlink image | forecolor backcolor removeformat code'
1073: plugins: 'link image media lists hr colorpicker fullscreen textcolor code',
1074: toolbar: 'undo redo formatselect bold italic underline strikethrough subscript superscript | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent blockquote | hr fullscreen | link unlink image | forecolor backcolor removeformat code'
1130: plugins: 'link image media lists hr colorpicker fullscreen textcolor code',
1131: toolbar: 'undo redo formatselect bold italic underline strikethrough subscript superscript | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent blockquote | hr fullscreen | link unlink image | forecolor backcolor removeformat code'

After that, you need to create a "code" folder in ../wp-includes/js/tinymce/plugins/ and add the two files attached to my response. Just make sure to unzip the folder, and paste the two files into the newly created "code" folder.

Hello again Jocelyn

If you updated WordPress, it could be that the files were replaced, so you'll need to go in again and add them again.

If it still doesn't work after that, please let me know. I don't know where you would need to add the data for it to work on Gravity Forms, unfortunately. You may want to reach out to their help desk, and perhaps they can provide some help with this.

I see Jocelyn

Can you please provide me a temporary WP-admin login for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course we do not provide login data to third party. You can write credentials here just check Private Reply so nobody can see them except us.

Hello Jocelyn

Every text area has the same class which you included in the Custom CSS. Have you used medium richtext editor for every field in the form? On which form does it not show, since we were unable to replicate the issue?

Hi again Jocelyn

Yeah, actually, since inline formatting is being used. Plugins for buttons can be initialized, like in our HTML editor (the code in the add-on would have to be updated, though), and for the code - that plugin would have to be addded in TinyMCE editor folder in wp-includes, since it is not there by default.

wpDataTables initializes TinyMCE over JavaScript, not through Back-end (PHP).

Hi again Jocelyn

The file currently looks like this:

So, you should modify it to look like this:

So, just change this:

if (modalBody.find('.wp-editor-area')) {
    modalBody.find('.wp-editor-area').each(function() {
        tinymce.execCommand('mceRemoveEditor', true, $(this).attr('id'));
        tinymce.init({
            selector: '#' + $(this).attr('id'),
            menubar: false
        });
    });
}

To this:

if (modalBody.find('.wp-editor-area')) {
    modalBody.find('.wp-editor-area').each(function() {
        tinymce.execCommand('mceRemoveEditor', true, $(this).attr('id'));
        tinymce.init({
            selector: '#' + $(this).attr('id'),
            menubar: false,
            plugins: 'link image media lists hr colorpicker fullscreen textcolor code',
            toolbar: 'undo redo formatselect bold italic underline strikethrough subscript superscript | ' +
                'alignleft aligncenter alignright alignjustify | bullist numlist outdent indent blockquote | ' +
                'hr fullscreen | link unlink image | forcecolor backcolor removeformat code' 
        });
    });
}

And that's it.

Hi again Tomaz

If you're looking at the editor in a modal, it fits the modal size, so there's no way to change that.

The modal also differs in structure and look depending on the skin you choose for wpDataTables. You can change the skin in main settings, and see how the modal changes.

We cannot guarantee that third party plugins will be able to do this, since there can always be some conflicts due to the nature of WordPress.

You're welcome, Jocelyn

Glad I could help.

If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.

Best regards.