convertir le texte avec une balise html en un fichier word formaté

Question

Comment puis-je convertir le texte avec une balise html en document Word formaté. En fait ce que je dois faire est, Je veux donner le texte avec la balise html comme entrée dans une zone de texte, et quand je clique sur un bouton, je veux que le texte soit ouvert dans un document Word où les balises html sont supprimé et le texte apparaît dans son format correspondant.

Answer 1

Créez un fichier html classique et enregistrez-le avec l'extension .doc. Il sera bien affiché en ms mot.

Answer 2

Je me demande si vous avez été bloqué par la perte de formatage lorsque vous avez enregistré un fichier HTML en tant que document Word. J'ai été. J'ai compris que plusieurs classes ne sont pas reportées, ni rien basé sur plusieurs classes.

Considérez ceci:

<p class="class1">This <span class="class1 class2">is my</span> text.</p> 

.class1 { color:green; } 
.class2 { color:orange; } 

.class1.class2 { color:red; } 

.class1.class2, 
.class1 { color:blue; } 

Résultats dans:

1. p est vert parce que sa première déclaration tient
2. p est pas bleu parce que la déclaration fait partie d'un 'non valide' multi déclaration de classe (!)
3. span est orange car sa première déclaration est
4. Comme au point 2. span est pas rouge, ni bleu, à cause des « invalides » déclarations multi-classe

-

En conséquence des résultats ci-dessus, j'ai fini par emballage mes éléments dans un autre élément, toujours avec un seul nom de classe de balisage, et de formater les choses avec succès sur cette base. Notez que c'est bien de manipuler des éléments avec Javascript, en ajoutant/supprimant des noms de classe supplémentaires si nécessaire, Word est seulement intéressé par le balisage réel dans le fichier HTML qu'il essaie d'analyser.

Ce que je n'ai pas compris, c'est comment faire apparaître des images d'arrière-plan CSS lorsque des fichiers HTML sont ouverts par Word. J'utilise habituellement le raccourci: background:transparent url(../img/icon-audio-16.gif) left top no-repeat; qui ne fonctionne pas (oui, vérifié mes chemins), mais ne fait une ventilation coup par coup:

background-color:transparent; 
background-image:url(../img/icon-audio-16.gif); 
background-position:left top; 
background-repeat:no-repeat; 

... Quoi qu'il en soit