前面的答案提供了解决方案的一部分,但这里有更完整的独家新闻:
手写 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';
然后你就可以真正了解它并使用theme_image
函数生成图像的 HTML:
$img = theme('image', $img_path, 'My Image - Alt Text', 'My Image - Title Text');
Where $img
现在保存了 HTML<img>
标签及其src
, alt
, and title
属性。请参阅 API 文档drupal_get_path http://api.drupal.org/api/function/drupal_get_path/6 and 主题图像 http://api.drupal.org/api/function/theme_image/6了解更多信息。
点击式解决方案
正如 jeffreymb 指出的那样,最简单的选择是使用所见即所得编辑器和名为 IMCE 的内置文件处理模块的组合来为您掩盖所有这些细节。如果您无法访问“PHP 代码”输入格式,这是最好的解决方案。
那么,步骤:
- 安装所见即所得模块以及所见即所得编辑器(我建议使用CKEditor)。
- 安装 IMCE 模块和 IMCE WYSIWYG Bridge 模块,并在可用按钮的配置设置中为 WYSIWYG 编辑器启用 IMCE 按钮。
看这个帖子 http://techylinguist.com/how-to/install-wysiwyg-editor-drupal有关该设置过程的更多详细信息,请务必阅读 WYSIWYG 模块在其配置页面上显示的文档。
一旦安装了 IMCE 并与所见即所得集成,当您单击所见即所得工具栏中的“图像”按钮时,应该会出现正常的对话框,但带有一个新的小图标来打开 IMCE 文件浏览器。该文件浏览器允许您浏览您的files
用于存放图像或上传新文件的文件夹。它还支持少量的图像处理,并且在您选择图像后会自动生成必要的 HTML。