web-dev-qa-db-fra.com

Éditer plusieurs images à la fois

J'ai 25 images dans un article et je veux leur donner une marge de 20 pixels. Pour ce faire, existe-t-il un moyen plus simple que d’ouvrir le gestionnaire d’images et de modifier chaque image une par une?

Je vais devoir faire la même chose dans quelques autres articles aussi, alors je dois vraiment trouver un moyen efficace de le faire.

joomla-3.xarticlesimages
3
TcAcS

Bien sûr, il existe un moyen plus facile de faire ce dont vous avez besoin, ainsi que tout autre changement de lot dans l'article ...
Je le fais depuis des lustres ...

Mais pour cela, vous devez utiliser l'éditeur plus adapté aux programmeurs qu'aux écrivains.
Cet éditeur est RocketTheme RokPad .

Une fois que vous l'avez installé et défini comme éditeur par défaut (vous pouvez également utiliser Editeur de changeur si vous souhaitez changer d'éditeur dans l'écran de modification d'article), parmi de nombreuses options, la barre d'outils contient la commande "Rechercher et remplacer" (voir ci-dessous)

RokPad editor

Maintenant vient une partie importante et plus difficile. Je ne peux pas vous dire exactement ce qu'il faut entrer dans les cases Find et Replace, que vous devrez calculer vous-même. Je peux vous donner juste un exemple. Trouver style=" et remplacer par style="margin:20px;.

Il y a cependant quelques inconvénients:

  • Et si vous avez d'autres style=" parties qui n'appartiennent pas à <img> tag?
  • Et qu'est-ce qui se passerait si <img> La balise n'a pas de style="" une partie du tout?
  • etc...

Les chaînes exactes dépendent du contenu de votre article, mais vous avez une idée maintenant, non?

EDIT:
Pour être tout à fait honnête, avant d’avoir découvert ce joyau de RT RokPad il ya trois ans, j’utilise un autre moyen d’obtenir le même résultat:

  • Je voudrais [Toggle Editor] (JCE bien sûr) au code source
  • Ctrl + A puis Ctrl + C
  • Basculer vers mon éditeur Windows préféré (IDM UltraEdit bien sûr)
  • Ctrl + V et le modifier à mon goût, en utilisant toutes les puissantes commandes de l'UE
  • Une fois le montage terminé, je le copiais et le collais dans JCE.

Même résultat, juste un petit peu plus longtemps, et pas aussi sophistiqué qu'avec RokPad. :-)

2
Mikan

Une autre solution consiste à appliquer les marges via un sélecteur CSS approprié dans un fichier CSS personnalisé.

Vous pouvez limiter le style à une seule page si vous le souhaitez en utilisant une classe de page et en l'incluant dans votre sélecteur CSS.

Par exemple, si vous avez ajouté une classe de page de "my-page", votre CSS pourrait ressembler à ceci:

.my-page img {margin: 20px;}

bien que vous souhaitiez probablement être un peu plus précis pour que le style ne s'applique qu'aux images de l'article et non à toutes les images de la page. Les outils de développement de navigateur peuvent être utiles pour inspecter et trouver le (s) meilleur (s) sélecteur (s) CSS à utiliser.

Voir https://joomla.stackexchange.com/a/3878/12 pour en savoir plus sur les fichiers CSS personnalisés de meilleure pratique.

Voir https://joomla.stackexchange.com/a/15361/12 pour en savoir plus sur les classes de page.

4
Neil Robertson