From 11f051b23b7dcd2f54c1d35542148c1d9143081c Mon Sep 17 00:00:00 2001
From: Souheil Chelfouh <trollfot@gmail.com>
Date: Mon, 12 Feb 2024 12:38:40 +0100
Subject: [PATCH] fixing tinymce preload

---
 deform/templates/richtext.pt | 59 +++++++++++++-----------------------
 1 file changed, 21 insertions(+), 38 deletions(-)

diff --git a/deform/templates/richtext.pt b/deform/templates/richtext.pt
index 63fca94d..ce82e8f9 100644
--- a/deform/templates/richtext.pt
+++ b/deform/templates/richtext.pt
@@ -1,55 +1,38 @@
 <div tal:define="delayed_load delayed_load|field.widget.delayed_load;
                  tinymce_options tinymce_options|field.widget.tinymce_options;
-                 error_class error_class|field.widget.error_class;
                  oid oid|field.oid;
                  name name|field.name;"
     xmlns:i18n="http://xml.zope.org/namespaces/i18n"
     i18n:domain="deform"
     tal:omit-tag="">
-
-    <style type="text/css">
-      .deform .tinymce-preload{
-          border: 1px solid #CCC;
-          height: 240px;
-          display: block;
-      }
-    </style>
-    <textarea id="${oid}" name="${name}"
-              tal:content="cstruct"
-              class="tinymce form-control ${field.error and error_class or ''}" />
+  <textarea id="${oid}" name="${name}"
+            class="tinymce form-control" tal:content="cstruct" />
   <!--!
     NB: disable delayed_load on error redisplay of form, since
     that might result in non-HTML-escaped interpolation of
     user input.
   -->
-  <span id="${oid}-preload" class="tinymce-preload"
-        tal:condition="delayed_load and not field.error"
-        tal:content="structure cstruct" />
   <script type="text/javascript">
     (function($){
-      deform.addCallback('${oid}', function(oid) {
-        var options = {
-          language: '<tal:block i18n:translate="language-code">en</tal:block>',
-          body_class: 'form-control',
-          <tal:block condition="tinymce_options">${tinymce_options},</tal:block>
-          selector: '#' + oid
-        };
-        var jqoid = $('#' + oid);
-        var jqoid_preload = $('#' + oid + '-preload');
-        if (jqoid_preload.length == 0) {
-          tinyMCE.init(options);
-        } else {
-          jqoid.hide();
-          jqoid_preload.one('click', function(){
-            jqoid.show();
-            jqoid_preload.remove();
-            tinyMCE.init(options);
-          });
-        }
-      });
-      $().bind('form.pre.serialize', function(event, $form, options) {
-        tinyMCE.triggerSave();
-      });
+        deform.addCallback('${oid}', function(oid) {
+            var options = {
+                language: '<tal:block i18n:translate="language-code">en</tal:block>',
+                body_class: 'form-control',
+                    <tal:block condition="tinymce_options">${tinymce_options},</tal:block>
+                    elements: oid
+            };
+            var jqoid = $('#' + oid);
+            if ('${delayed_load and not field.error}' == 'True') {
+                jqoid.one('click', function(){
+                    tinyMCE.init(options);
+                });
+            } else {
+                tinyMCE.init(options);
+            }
+        });
+        $().bind('form.pre.serialize', function(event, $form, options) {
+            tinyMCE.triggerSave();
+        });
     })(jQuery);
   </script>
 </div>