[FIX] website, mass_mailing: restore original FieldTextHtml widget -> FieldTextHtmlFrame only for mass_mailing

The new `summernote in iframe` version of the
FieldTextHtml widget is not ready for prime time
yet.
Usability is not very good when used as a replacement
for the previous html editor, especially in email
composer windows, and initial loading is very slow.

For now we only enable it as FieldTextHtmlFrame for
mass_mailing templates, where isolation of the
style is important (so that recipients receive the
exact same result as was displayed on screen, without
side-effects caused by backend/frontend style)

In master the summernote version will be improved
and the old CLE version will be dropped completely.

3 files changed, 8 insertions, 7 deletions

diff --git a/addons/website/static/src/css/website.backend.css b/addons/website/static/src/css/website.backend.css
index 63870368a39..24879793303 100644
--- a/addons/website/static/src/css/website.backend.css
+++ b/addons/website/static/src/css/website.backend.css
@@ -4,7 +4,7 @@
 .oe_WidgetWebsiteButton.success .oe_unpublish {
     display: none;
 }
-.oe_form_field_html iframe {
+.oe_form_field_html_frame iframe {
     display: block;
     width: 100%;
     border: 0;
@@ -12,7 +12,7 @@
     margin: 0;
     min-height: 300px;
 }
-.o_form_FieldTextHtml_fullscreen .oe_form_field_html iframe {
+.o_form_FieldTextHtml_fullscreen .oe_form_field_html_frame iframe {
     position: absolute !important;
     left: 0 !important;
     right: 0 !important;
@@ -22,7 +22,7 @@
     z-index: 1001 !important;
     border: 0;
 }
-.o_form_FieldTextHtml_fullscreen .modal .oe_form_field_html iframe {
+.o_form_FieldTextHtml_fullscreen .modal .oe_form_field_html_frame iframe {
     top: 0 !important;
 }
 .o_form_FieldTextHtml_fullscreen .oe_webclient *, .o_form_FieldTextHtml_fullscreen .modal * {
diff --git a/addons/website/static/src/js/website.backend.js b/addons/website/static/src/js/website.backend.js
index cb5d5c7386f..5306df42e21 100644
--- a/addons/website/static/src/js/website.backend.js
+++ b/addons/website/static/src/js/website.backend.js
@@ -15,11 +15,12 @@ instance.web.form.WidgetWebsiteButton = instance.web.form.AbstractField.extend({
 });
 instance.web.form.widgets = instance.web.form.widgets.extend({
     'website_button': 'instance.web.form.WidgetWebsiteButton',
+    'html_frame': 'instance.web.form.FieldTextHtmlFrame',
 });
 
 var widget = instance.web.form.AbstractField.extend(instance.web.form.ReinitializeFieldMixin);
-instance.web.form.FieldTextHtml = widget.extend({
-    template: 'FieldTextHtml',
+instance.web.form.FieldTextHtmlFrame = widget.extend({
+    template: 'FieldTextHtmlFrame',
     start: function () {
         var self = this;
 
diff --git a/addons/website/static/src/xml/website.backend.xml b/addons/website/static/src/xml/website.backend.xml
index 8aec7f2017c..24f8c825816 100644
--- a/addons/website/static/src/xml/website.backend.xml
+++ b/addons/website/static/src/xml/website.backend.xml
@@ -8,8 +8,8 @@
         </div>
     </t>
 
-    <t t-name="FieldTextHtml">
-        <div class="oe_form_field oe_form_field_html oe_form_embedded_html" t-att-style="widget.node.attrs.style">
+    <t t-name="FieldTextHtmlFrame">
+        <div class="oe_form_field oe_form_field_html_frame oe_form_embedded_html" t-att-style="widget.node.attrs.style">
             <iframe/>
         </div>
     </t>