javascript - 是否可以使用blade 将参数传递给tinymce.init 函数？

Question

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

Controller :

@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 也是一种不好的做法。考虑其他传递数据的方法。