LIB-662 use image placeholder for scifree search

unb-libraries · Sep 20, 2024 · cfee58e · cfee58e
1 parent a8eb637
commit cfee58e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/custom/modules/guides/img/scifree-placeholder.png b/custom/modules/guides/img/scifree-placeholder.png
diff --git a/custom/modules/guides/js/plugins/scifree/plugin.js b/custom/modules/guides/js/plugins/scifree/plugin.js
@@ -11,9 +11,9 @@
 
       editor.widgets.add('scifree', {
         button: 'SciFree',
-        template: '<div class="scifree">SciFree Search Widget</div>',
-        allowedContent: 'div(!scifree)',
-        requiredContent: 'div(scifree)',
+        template: '<div class="scifree"><img src="/modules/custom/guides/img/scifree-placeholder.png" /></div>',
+        allowedContent: 'div(!scifree); img[!src]',
+        requiredContent: 'div(scifree); img[src]',
         upcast: function(element) {
           return element.name == 'div' && element.hasClass('scifree');
         },

diff --git a/custom/modules/guides/src/Plugin/Filter/FilterCKEditorSciFree.php b/custom/modules/guides/src/Plugin/Filter/FilterCKEditorSciFree.php
@@ -66,7 +66,7 @@ public function process($text, $langcode) {
         '#theme' => 'ckeditor-scifree',
       ];
       $widget = $this->renderer->render($render);
-      $text = str_replace('<div class="scifree">SciFree Search Widget</div>', $widget, $text);
+      $text = str_replace('<div class="scifree"><img src="/modules/custom/guides/img/scifree-placeholder.png" /></div>', $widget, $text);
       $result->setProcessedText($text);
     }
     return $result;