2010-02-22 17 views
0

J'utilise TinyMCE avec l'application tinymce-django sur mon site Django. Je l'utilise dans l'interface d'administration pour éditer les champs HTML. (Quelque chose comme un flatpage.)Modification de l'attribut `clear` d'une image avec TinyMCE

Lorsque vous ajoutez des images avec TinyMCE, comment puis-je modifier leur attribut de style clear?

Répondre

2

D'abord, accédez au image popup. Après avoir sélectionné l'image, accédez à l'onglet Apparence.

Si vous ne voyez pas ce pop-up, assurez-vous que le mode éditeur est avancé et le plug-in advimage est inclus.

Maintenant, vous avez deux options pour le faire:

  1. classe CSS. Vous devez définir, par exemple, .clear { clear: both; } dans votre feuille de style CSS. Dans TinyMCE vous verrez la classe, sélectionnez clear. Si vous ne voyez pas votre classe c'est probablement parce que vous n'avez pas inclus la feuille de style dans content_css, mais vous pouvez toujours sélectionner (value) et le saisir vous-même.
  2. Style CSS. Ajouter effacer: les deux; (ou droite/gauche, tout ce dont vous avez besoin), dans la rangée de style.

J'ai fait une capture d'écran des deux options, vous avez besoin d'un seul d'entre eux:

TinyMCE Appearance tab http://i48.tinypic.com/33y526w.jpg

Il est possible de modifier le style manuellement, dans HTML contextuel. Si l'éditeur est destiné aux développeurs, alors c'est l'approche simpliste, et probablement aussi la plus rapide.

+0

Où avez-vous trouvé cette fenêtre? Je reçois un popup beaucoup moins détaillé sans toutes ces options! –

+0

@ cool-RR Ici: http://tinymce.moxiecode.com/examples/full.php. Peut-être que vous êtes en mode simple? Vérifiez que vous avez inclus tous les plugins (puis supprimez les plugins dont vous n'avez pas besoin). – Sagi

+0

Le plugin requis était 'advimage'. –

0

Vous devez avoir inclus dans les règles valid elements (ou le extended valid elements), ou TinyMCE le supprimera.

+0

Je suis allé sur les deux liens, et je ne comprends pas. Il semble que ce paramètre détermine quelles balises peuvent être utilisées. 'img' est déjà activé avec' style'. ("clear" est un style, pas un attribut HTML.) Aussi, juste parce que quelque chose est listé, cela ne signifie pas que l'utilisateur peut le modifier dans la fenêtre contextuelle "options d'image". Quoi qu'il en soit, j'ai essayé de l'ajouter, n'a pas fonctionné. –

+0

OK, désolé, dans ce cas, je ne sais pas. – whybird