是否可以使用刀片将参数传递给 tinymce.init 函数？

Question

我想将基于数据库数据的默认内容添加到 tinymce 编辑器：

控制器：

@if(isset($page_content))
    @forelse ($page_content['getMediaItems'] as $index => $item)
        @include('scripts.tinymce.tinymce-multiple-init',compact('index'))
    @empty
        {{'Woops..'}}
    @endforelse
@else
    @include('scripts.tinymce.tinymce-single-init')
@endif

所以当有多个媒体项时，我想将默认文本添加到编辑器中

现在我想要包含页面上的 init 函数内的迭代（索引）：

tinymce.init({
   setup:function(ed) {
      //Stuff here
   },
   selector: '.js-editable-media',
   menubar:false,
   inline: true,
   plugins: "textcolor colorpicker",
   toolbar: [
    'undo redo forecolor'
   ],
   my_custom_variable: {!! $index !!}
});

现在{！！ $index !!} 只返回 0 而不是迭代次数。但是当我将索引参数放在函数之外时，它会返回正确的数字：

console.log({!! $index!!}); //showing correct iteration

tinymce.init({
  .....
  console.log({!! $index!!}); //showing only 0
});

请帮忙

Answer 1

$index 是一个键，这就是为什么它在第一次迭代中是0。如果要传值，应该传$item：

@include('scripts.tinymce.tinymce-multiple-init', compact('item'))

然后：

my_custom_variable: {!! $item !!}

另外，在 JS 中硬编码 PHP 是一种不好的做法。考虑其他传递数据的方式。