web-dev-qa-db-fra.com

WYSIWYG <-> éditeur HTML brut compatible avec Gmail

Je viens de taper des courriels particulièrement riches en messages dans Gmail récemment, et les bogues dans l'heuristique de mise en forme de texte riche contentEditible=true de Chrome commencent vraiment à me distraire.

Par exemple, il y a absolument aucun moyen de créer un nouvel élément de liste, puis d'ajouter un élément de liste imbriqué, puis "d'accéder" à l'espace de paragraphe de l'élément de liste parent.

Ce qui me donne vraiment envie de jeter les centres de données de Google dans la grande rivière la plus proche, cependant, est le fait que si j'essaie d'utiliser le Presse-papiers pour déplacer des éléments et essayer de les réparer lorsqu'ils commencent à se briser, ils commencent à être encore plus endommagés. parce que dans les coulisses, le navigateur pense que je veux scinder le <li>s en plusieurs <ul>s (et quelques milliers de <div>s également, puisque Chrome l'est aussi - moderne). Ainsi, le fait de coller une liste imbriquée le colle dans le paragraphe précédant la liste parent (que vous ne découvrirez pas tant que vous n’aurez pas fait défiler et découvert la page innocemment assis). Et puis des tentatives répétées finissent par diviser la liste en une série de paragraphes mignons et sans puces.

Alors, que puis-je faire pour donner à Gmail un mode "passage au format HTML brut" ou (plus préférablement, étant donné que je ne suis pas intéressé par un millier de <div style="background-color: rgb(...)">s), puis-je utiliser un éditeur WYSIWYG compatible Gmail? , qui me permettra d’éditer graphiquement avec un peu de santé mentale?

1
i336_

J'ai créé l'email basé sur un modèle dans Word, je l'ai enregistré en tant que page HTML. Ouvre la page HTML dans un navigateur. Ctrl+A cette page et copie.

Composez un nouvel email dans Gmail et collez-le. Tout sera collé à l'exception des textes verticaux (utilisez uniquement des textes horizontaux) et des images en ligne. Une astuce pour insérer une image en ligne est de placer du texte générique ("insérer une image ici") à chaque fois que vous devez insérer une image.

Dans la fenêtre de composition de Gmail, cliquez sur ce texte, puis faites glisser l'image de dépôt de votre dossier dans la fenêtre de composition. L'image sera insérée en ligne.

Supprimez le texte générique maintenant. Redimensionnez l'image en utilisant les options disponibles en cliquant sur l'image dans la fenêtre de composition de Gmail.

Vous pouvez reculer à cette réponse, mais: si vous faites toute votre composition dans MS Word, balayez le tout (copie) puis collez-le dans Gmail, cela fonctionne assez bien. Cela ne devient compliqué que lorsque, après cela, vous commencez à modifier vos modifications dans Gmail.

0
Kos.