0

我的 Laravel 7 webapp 中的控制器为我的 fullcalender v5 提供了资源提要。在我尝试为资源列表中的每个单元格添加一个图标之前，它工作得很好。我尝试了不同的方法，但无法将 HTML 显示为 HTML，它只是将整行打印<?php echo "<i class="material-icons">edit</i>" ?>到资源列表中的单元格。如何将 HTML 传递给 FullCalendar 以将其打印为 HTML 输出？我不想这样做resourceLabelContent，因为控制器管理资源。

来自我的控制器的代码：

    public function resourceFeedProcessplan(Request $request)
    {
(...)
      $data = [];
      $map = $processes->map(function($items){
        $data['id'] = $items->id;
        $data['title'] = $items->title.' ('.$items->id.')'.'<?php echo "<i class="material-icons">edit</i>" ?>'; // HTML part not rendered as HTML by FullCalendar.
        return $data;
      }); 
      return $map;
    }
4

1 回答 1

1

您永远不能将 HTML 直接放入资源的“标题”属性中，fullCalendar 将始终将其视为文本。

我建议将每个资源所需的 HTML 放入资源的自定义属性中，然后使用resourceLabelContent回调将其作为 HTML 注入到由 fullCalendar 构建的 DOM 元素中。

像这样的东西：

resourceLabelContent: function (arg)
{
  return { html: arg.resource.title + " " + arg.resource.extendedProps.html };
}

演示：https ://codepen.io/ADyson82/pen/YzqrNze

PS您的PHP也有问题-您已将<?php标签放入字符串文字中，这没有任何意义。它们不会像 PHP 一样执行，因此标签将按原样发送到浏览器，并会破坏 HTML。只需像任何普通字符串一样将数据直接放入变量中即可。

例如

$map = $processes->map(function($items){
    $data['id'] = $items->id;
    $data['title'] = $items->title.' ('.$items->id.')';
    $data['html'] = '<i class="material-icons">edit</i>';
    return $data;
});
于 2020-09-02T08:41:12.553 回答