Add plone.app.widgets support for tile rich text

collective · Jan 12, 2016 · 9af6cee · 9af6cee
1 parent 3b52cc6
commit 9af6cee
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 13 deletions.
diff --git a/CHANGES.rst b/CHANGES.rst
@@ -6,6 +6,10 @@ There's a frood who really knows where his towel is.
 1.0a13 (unreleased)
 ^^^^^^^^^^^^^^^^^^^
 
+- If mockup is present and new widgets are used, call the scan function from
+  the mockup-registry to initialize them.
+  [frapell, rodfersou]
+
 - Implement drag and drop among tiles (closes `#487`_).
   [rodfersou]
 

diff --git a/setup.py b/setup.py
@@ -66,6 +66,7 @@
           'plone.app.tiles',
           'plone.app.uuid',
           'plone.app.vocabularies',
+          'plone.app.widgets',
           'plone.autoform',
           'plone.behavior',
           'plone.dexterity',

diff --git a/src/collective/cover/static/js/compose.js b/src/collective/cover/static/js/compose.js
@@ -128,20 +128,40 @@ $(document).ready(function() {
     },
     config: {
       onLoad: function() {
-        if (typeof initTinyMCE != 'undefined') {
-          initTinyMCE(this.getOverlay());
-        }
-        $('textarea.mce_editable').each(function() {
-          if (typeof TinyMCEConfig != 'undefined') {
-            textarea_id = $(this).attr('id');
-            var config = new TinyMCEConfig(textarea_id);
-            delete InitializedTinyMCEInstances[textarea_id];
-            config.init();
-
-            // Remove unecessary link, use HTML button of editor
-            $('div.suppressVisualEditor').remove();
+        // In case plone.app.widgets is installed, we want to initialize patterns
+        // like for instance, TinyMCE
+        try {
+          if (tinyMCE.activeEditor !== null) {
+            tinyMCE.activeEditor.destroy();
+          }
+          $('.overlay textarea.mce_editable').addClass('pat-tinymce');
+          require('pat-registry').scan($('.overlay'), ['tinymce']);
+          $( '.overlay input#buttons-save').on('click', function() {
+            tinyMCE.triggerSave();
+          });
+          // Apparently JS devs love to z-index always at 9999. This conflicts
+          // with TinyMCE overlays
+          $('.overlay').on('mouseover', function() {
+            $('div.plone-modal-wrapper').css('z-index', '10050');
+          });
+        } catch (error) {
+          // If we are here it most probably means we don't have
+          // plone.app.widgets, so just ignore and continue
+          if (typeof initTinyMCE != 'undefined') {
+            initTinyMCE(this.getOverlay());
           }
-        });
+          $('textarea.mce_editable').each(function() {
+            if (typeof TinyMCEConfig != 'undefined') {
+              textarea_id = $(this).attr('id');
+              var config = new TinyMCEConfig(textarea_id);
+              delete InitializedTinyMCEInstances[textarea_id];
+              config.init();
+
+              // Remove unecessary link, use HTML button of editor
+              $('div.suppressVisualEditor').remove();
+            }
+          });
+        }
 
         //carousel
         var carousel = $('div[data-carousel="carousel-sort"]');

diff --git a/versions-4.3.x.cfg b/versions-4.3.x.cfg
@@ -2,6 +2,7 @@
 collective.js.bootstrap = 2.3.1.1
 plone.app.blocks = 2.2.0
 plone.app.tiles = 1.0.1
+plone.app.widgets = 1.8.0
 
 # for testing compatibility with newer versions of jQuery
 plone.app.jquery = 1.7.2