Replace email notification textarea with WYSIWYG editor

[emteknetnz]

ACs

• [ ] For the email notification editor, swap out the textarea with a wysiwyg (tinymce) editor HTMLEditorField
• [ ] Shortcodes need to render as absolute HTML links when an email is end e.g. shortcode link to a page on the site converts to an absolute (not relative) link
• [ ] Update the tinymce config to remove the following buttons that are unlikely to work in most email clients:
• alignment (left/centre/right/justify)
• insert table
• insert media/image buttons (relative links won't work for emails, and images are also disabled by default in most email clients)
• Anchor (insert an anchor)
• [ ] In gmail and outlook, test that the following formatting works. If they don't, then remove the button/format:
• bold
• italic
• underline
• bullet-list
• numbered-list
• decrease/increase indent
• headings 1-6
• preformatted text

[emteknetnz]

You can easily swap out the editor by updating ContentReviewDefaultSettings::updateCMSFields() - change ReviewBody from a TextAreaField to an HTMLEditorField

You can updated the config for the HTMLEditorField via setEditorConfig()

See TinyMCEConfig for the default settings. To create your own config:

$config = clone HTMLEditorConfig::get('cms');
$config->setOption('formats', $formats);
HTMLEditorConfig::set_config('contentreviewemail', $config);
// ...
HTMLEditorField::create('Field','Title')->setEditorConfig('contentreviewemail');

You'll need to remove the buttons via an updated js file (editor.js? tinymce.js?) rather than in PHP. I'm not sure of the best way to do this.

[mariabelobrol]

• frfgggg