Advertisement
ramonsimon

Untitled

Jun 26th, 2022
791
315 days
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 1.64 KB | None
  1. <script src="{{ asset('js/tinymce/tinymce.min.js') }}" referrerpolicy="origin"></script>
  2. <div
  3.     x-data="{ value: @entangle($attributes->wire('model')) }"
  4.     x-init="
  5.        tinymce.init({
  6.            target: $refs.tinymce,
  7.            themes: 'modern',
  8.            body_id : '1',
  9.            height: 200,
  10.            width : 340,
  11.            menubar: false,
  12.            plugins: [
  13.                'codesample'
  14.            ],
  15.            menubar: '',
  16.            toolbar: 'codesample ',
  17.            setup: function(editor) {
  18.                editor.on('blur', function(e) {
  19.                    value = editor.getContent()
  20.                })
  21.                editor.on('change', function(e) {
  22.                    @this.set('description', editor.getContent())
  23.                })
  24.                editor.on('init', function (e) {
  25.                    if (value != null) {
  26.                        editor.setContent(value)
  27.                    }
  28.                })
  29.                function putCursorToEnd() {
  30.                    editor.selection.select(editor.getBody(), true);
  31.                    editor.selection.collapse(false);
  32.                }
  33.                $watch('value', function (newValue) {
  34.                    if (newValue !== editor.getContent()) {
  35.                        editor.resetContent(newValue || '');
  36.                        putCursorToEnd();
  37.                    }
  38.                });
  39.            }
  40.        })
  41.    "
  42.     wire:ignore
  43. >
  44.     <div>
  45.         <input
  46.             x-ref="tinymce"
  47.             type="textarea"
  48.             {{ $attributes->whereDoesntStartWith('wire:model') }}
  49.         >
  50.     </div>
  51. </div>
  52.  
  53.  
Advertisement
RAW Paste Data Copied
Advertisement