<!-- 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')
<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();
}
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