From 3bc9d42bf431063ffa0651e4fec195b311f42578 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 13 May 2025 15:23:06 +0200
Subject: [PATCH] wip #7527 @1

---
 .../views/fields/simplemde.blade.php          | 28 +++++++++++++------
 src/resources/views/when.blade.php            |  1 -
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/resources/views/fields/simplemde.blade.php b/src/resources/views/fields/simplemde.blade.php
index 6084005..9cea4e4 100644
--- a/src/resources/views/fields/simplemde.blade.php
+++ b/src/resources/views/fields/simplemde.blade.php
@@ -1,17 +1,17 @@
 <!-- Simple MDE - Markdown Editor -->
 @include('crud::fields.inc.wrapper_start')
-    <label>{!! $field['label'] !!}</label>
-    @include('crud::fields.inc.translatable_icon')
-    <textarea
-        class="simplemde_area" name="{{ $field['name'] }}"
-        data-simplemdeattrs="{{json_encode($field['simplemdeAttributes'])}}"
+<label>{!! $field['label'] !!}</label>
+@include('crud::fields.inc.translatable_icon')
+<textarea
+    class="simplemde_area" name="{{ $field['name'] }}"
+    data-simplemdeattrs="{{json_encode($field['simplemdeAttributes'])}}"
         @include('crud::fields.inc.attributes', ['default_class' => 'form-control'])
     	>{{ old(square_brackets_to_dots($field['name'])) ?? $field['value'] ?? $field['default'] ?? '' }}</textarea>
 
-    {{-- HINT --}}
-    @if (isset($field['hint']))
-        <p class="help-block">{!! $field['hint'] !!}</p>
-    @endif
+{{-- HINT --}}
+@if (isset($field['hint']))
+    <p class="help-block">{!! $field['hint'] !!}</p>
+@endif
 @include('crud::fields.inc.wrapper_end')
 
 
@@ -40,9 +40,11 @@
         <script>
             jQuery(document).ready(function ($) {
                 initAllMarkdown();
+
                 $(document).on('cubist.bunchmultiple.added', function () {
                     initAllMarkdown();
                 });
+
                 $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
                     setTimeout(function () {
                         refreshAllMarkdown();
@@ -65,12 +67,20 @@
             }
 
             function initOneMarkdown(el) {
+                if (el.closest('.item.sample').length > 0) {
+                    return;
+                }
                 var attributes = el.data('simplemdeattrs');
                 attributes.element = $(el).get(0);
                 var simplemde = new SimpleMDE(attributes);
                 simplemde.options.minHeight = simplemde.options.minHeight || "300px";
                 simplemde.codemirror.getScrollerElement().style.minHeight = simplemde.options.minHeight;
                 $(el).data('simplemde', simplemde);
+                simplemde.codemirror.on("change", function () {
+                    console.log('simplemde change', el);
+                    $(el).val(simplemde.value());
+                    $(el).trigger("change");
+                });
             }
         </script>
     @endpush
diff --git a/src/resources/views/when.blade.php b/src/resources/views/when.blade.php
index b1feb42..2c04295 100644
--- a/src/resources/views/when.blade.php
+++ b/src/resources/views/when.blade.php
@@ -27,7 +27,6 @@
                     var element = $(this);
                     if ($(this).data('when-normalized') === undefined) {
                         $(this).data('when-normalized', normalizeWhen($(this).data('when')));
-                        console.log(normalizeWhen($(this).data('when')));
                     }
                     var when = $(this).data('when-normalized');
 
-- 
2.39.5