drupal - 将图像添加到 block html

Question

我在我的 Blocks 内容中添加了一些 html 代码并启用了 Full HTML 过滤器。

我为我的图像使用了相对路径，例如“sites/all/themes/zen/zen/image.png”

我想这是不正确的，因为我需要根据我在主页或“节点/ID”页面中更改我的路径。

我想我不能在 block 内使用 PHP，因此我不能使用 $base_url ...如何仅使用 html 添加图像路径？

谢谢

Answer 1

先前的答案提供了部分解决方案，但这里有一个更全面的独家新闻:

手写 HTML

如果您的站点位于 example.com(即它是“根”站点)，那么在您的相对路径中添加正斜杠将解决问题，正如其他人所建议的那样:

<img src="/sites/all/themes/zen/zen/image.png">

但是，如果您的站点位于 example.com/my-drupal-site ，那么你需要这样写:

<img src="/my-drupal-site/sites/all/themes/zen/zen/image.png">

如果您可以使用PHP来确定适当的路径，那确实会更好。如果您从主题中调用图像，您可以使用 Drupal 函数 drupal_get_path得到这样的路径:

$img_path = drupal_get_path('theme', 'zen') . '/zen/image.png';

然后你可能真的是 Drupaly 并使用 theme_image生成图像 HTML 的函数:

$img = theme('image', $img_path, 'My Image - Alt Text', 'My Image - Title Text');

在哪里 $img现在保存 <img> 的 HTML标签及其 src , alt , 和 title属性。见 API 文档 drupal_get_path和 theme_image了解更多信息。

点击式解决方案

正如 jeffreymb 指出的那样，您最简单的选择是使用所见即所得编辑器和称为 IMCE 的内置文件处理模块的组合来为您掩盖所有这些细节。 如果您无法访问“PHP 代码”输入格式，这是最好的解决方案。

所以，步骤:

安装 WYSIWYG 模块，以及 WYSIWYG 编辑器(我建议使用 CKEditor)。

安装 IMCE 模块和 IMCE WYSIWYG Bridge 模块，并在可用按钮的配置设置中为您的所见即所得编辑器启用 IMCE 按钮。

See this post有关该设置过程的更多详细信息，请务必阅读 WYSIWYG 模块在其配置页面上显示的文档。

一旦您安装了 IMCE 并与您的所见即所得集成，当您单击所见即所得工具栏中的“图像”按钮时，您的正常对话框应该会出现，但会出现一个新的小图标来打开 IMCE 文件浏览器。此文件浏览器允许您浏览您的 files用于图像或上传新文件的文件夹。它还支持少量的图像处理，并在您选择图像后自动生成必要的 HTML。