0

ニュース記事に Tiny MCE を実装し、以下のコードで動作するようにしました。別のcrudページに同じコードを実装すると、Tiny MCEのコンテンツが変数に保存されません。

Create.blade.php

<!-- TinyMce -->
<div class="mb-2 col-span-8 sm:col-span-8" wire:ignore>
  <textarea class="tinymce form-input rounded-md shadow-sm mt-1 block w-full " id="content"
    name="content" rows="20"
    wire:model.debounce.9999999ms="content"
    wire:key="content"
    x-data
    x-ref="content"
    x-init="
      tinymce.init({
        path_absolute: '/',
        selector: 'textarea.tinymce',
        plugins: [
         'advlist autolink lists link image charmap print preview hr anchor pagebreak',
          'searchreplace wordcount visualblocks visualchars code fullscreen ',
          'insertdatetime media nonbreaking save table directionality',
          'emoticons template paste textpattern  imagetools help  '
           ],
            toolbar: 'insertfile undo redo | styleselect | bold italic forecolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | help ',
            relative_urls: false,
            remove_script_host : false,
            document_base_url: '{{config('app.url')}}/',
            language: 'en',
            setup: function (editor) {
              editor.on('init change', function () {
                editor.save();
              });
              editor.on('change', function (e) {
                @this.set('content', editor.getContent());
              });
            },
      });
    ">
  </textarea>
</div>

create.php

public $content = '';
dd($this->content);

dd の結果は空の文字列であり、変数を定義しないと null になります。

結果dd

4

1 に答える 1