L'ajout d'images dans les blocs html

Les réponses précédentes fournir une partie de la solution, mais voici une meilleure scoop:

Écrite à la main en HTML

Si votre site vit à example.com (c'est à dire que c'est la "racine" du site), puis l'ajout d'un avant slash votre chemin relatif permettra de résoudre le problème, comme d'autres l'ont suggéré:

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

Cependant, si votre site vit à example.com/my-drupal-site, alors vous aurez besoin de l'écrire comme ceci:

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

C'est vraiment mieux si vous pouvez utiliser PHP pour déterminer le chemin d'accès approprié. Si vous êtes à l'appel d'une image à partir d'un thème, vous pouvez utiliser Drupal fonction drupal_get_path pour obtenir le chemin d'accès comme ceci:

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

Et puis vous pourriez être vraiment Drupaly à ce sujet et d'utiliser le theme_image fonction pour générer le code HTML pour l'image:

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

Où $img détient désormais le code HTML pour la <img> balise et son src, alt, et title attributs. Voir la documentation de l'API pour drupal_get_path et theme_image pour plus d'informations.

Point-et-cliquez sur la Solution

Comme jeffreymb points, votre pari est plus facile est d'utiliser une combinaison d'un éditeur WYSIWYG et intégré dans le traitement de fichiers de module IMCE de passer sous silence tous ces détails pour vous. Si vous n'avez pas accès au "code PHP" format d'entrée, c'est la meilleure solution.

Donc, étapes de:

1. Installer le module WYSIWYG, ainsi que d'un éditeur WYSIWYG (je suggère CKEditor).
2. Installer le module IMCE et IMCE WYSIWYG module du Pont, et de permettre à l'IMCE bouton de votre éditeur WYSIWYG dans ses paramètres de configuration pour les Boutons disponibles.

Voir ce post pour un peu plus de détails sur le processus d'installation et assurez-vous de lire la documentation qui l'WYSIWYG module affiche sur sa page de configuration.

Une fois que vous avez IMCE installé et intégré à votre WYSIWYG, lorsque vous cliquez sur le bouton "Image" dans votre barre d'outils WYSIWYG, normal de votre boîte de dialogue devrait apparaître, mais avec une nouvelle petite icône pour ouvrir l'IMCE navigateur de fichiers. Ce navigateur de fichiers vous permet de parcourir votre files dossier pour les images ou pour charger des nouveaux fichiers. Il prend également en charge un minimum de manipulation de l'image, et de générer automatiquement le code HTML nécessaire une fois que vous avez sélectionné une image.

OriginalL'auteur semperos

Je utiliser CKeditor et IMCE modules pour ce faire sur mes sites.

C'est très convivial et facile à mettre en place.

OriginalL'auteur Icode4food

Si vous commencez votre image sur les chemins avec une barre oblique ("/sites/all/themes/zen/zen/image.png") ce sera toujours par rapport à votre drupal répertoire racine.

Vous pouvez aussi tout simplement choisir "code PHP" comme le format d'Entrée et utiliser $base_url comme vous le dites.

OriginalL'auteur jackocnr