Drupal 从 JavaScript 变量中剥离我的结束 div 标签

Question

我正在尝试设置Google Maps InfoWindow的样式。对于我的每个地图标记，我都有一个窗口，该窗口在本地站点和 JSFiddle 中完美运行。但是，当我将代码添加到 Drupal 块时，它会剥离结束的div 标签。

我试过这种方式：

`var message = 
"<div class='window-container'>" +
  "<div class='window-content'>" +
    "<div class='window-header'>" +
      "<div class='window-title'>" + name + "</div>" +
      "<div class='window-subtitle'>" + org + "</div>" +
    "</div>" +
    "<div class='window-body'>" + summary + "...</div>" + 
  "</div>" +
"</div>";`

这样：

`var message =
'<div class="window-container">
  <div class="window-content">
    <div class="window-header">
      <div class="window-title">' +name+ '</div>
      <div class="window-subtitle">' +org+ '</div>
    </div>
    <div class="window-body">' +summary+ '</div>
  </div>
</div>';`

这样使用 Babel 编译器：

`var message = '
  <div class="window-container">
    <div class="window-content">
      <div class="window-header">
        <div class="window-title">${name}</div>
        <div class="window-subtitle">${org}</div>
      </div>
      <div class="window-body">${summary}</div>
    </div>
  </div>'`

在页面上，在我的控制台中，它总是这样出现！

`var message = 
"<div class='window-container'>" +
  "<div class='window-content'>" +
    "<div class='window-header'>" +
      "<div class='window-title'>" + name + "" +
      "<div class='window-subtitle'>" + org + "" +
    "" +
    "<div class='window-body'>" + summary + "..." + 
  "" +
"";`

它删除了所有关闭的div标签！为什么？

Answer 1

如果你把你的代码粘贴到ckeditor或其他过滤器中，你会遇到这样的麻烦。

因此，建议以

编程方式创建自定义块，如下所示：https://www.drupal.org/docs/creating-custom-modules/creating-custom-blocks/create-a-custom-block