¿Cómo pego un texto de word, con formatos, en la web?

jaume · 20 Abr 2010, 20:11 · Solicitar retirada

Ya se cómo poner texto en la web, pero la pregunta del millón es cómo puedo colocar un texto largo de word, que tiene formato, es decir, puntos y a parte, espacios, tabuladores, diferentes formatos de letra y colores, etc? Si tengo que ponerle códigos a todo el documento, será una matada. Seguro que hay alguna forma, pero ¿cómo?
Se que lo he visto en alguna parte del foro, pero no lo encuentro. ¿Alguien me puede ayudar?

Gracias y saludos

cesar_ed · 20 Abr 2010, 21:53 · Solicitar retirada

Pues en si como lo planteas no se puede, tendrias que poner el codigo en html y como lo dices seria perdida de tiempo , te convendria hacer un srcipt con php y javascript , para que automaticamente te ponga las etiquetas html, creo que ya los hay hechos puedes buscar en google

un saludo y suerte :)

johnpeterjp · 21 Abr 2010, 07:36 · Solicitar retirada

Guarda el documento word como pagina web, luego solo copias y pegas en tu html.

jaume · 22 Abr 2010, 08:52 · Solicitar retirada

johnpeterjp ¿y solo con guardarlo como página web ya funciona? Acabo de hacerlo y parece que sí que lo hace. La lastima es que ahora mismo no puedo probarlo, pero en cuanto lo haga os digo alguna cosa.
Gracias por vuestra inestimable ayuda...

jaume · 22 Abr 2010, 17:44 · Solicitar retirada

Vale, lo he probado. Lo bueno es que sí, se puede copiar todo, pero lo malo es que no conserva el formato original. Es decir, pone el texto todo seguido, sin puntos a parte, sin aliniar a la izquierda, etc. Se puede hacer algo mas ¿o debería ir poniendo

</p> en cada salto de párrafo?

Gracias

jaume · 22 Abr 2010, 19:20 · Solicitar retirada

Tampoco conserva las negritas...

johnpeterjp · 23 Abr 2010, 07:06 · Solicitar retirada

Tienes que agregar los estilos tambien.

jaume · 23 Abr 2010, 09:18 · Solicitar retirada

Me lo temía, sospechaba que había algo de esto, pero ¿de donde saco la hoja de estilos CSS de un documento de word? No consigo imaginar donde pueden estar, ni tampoco encuentro nada parecido...

gracias

johnpeterjp · 23 Abr 2010, 22:06 · Solicitar retirada

He visto más a fondo tu problema, y desde word copiando y pegando en dreamweaver conserva todo, excepto la fuente. Eso cuando lo guardé como "pagina web" solamente.

La forma adecuada para que conserve todo, según examino el doc html, es si lo guardas como "Pagina web, filtrada".

Asegurate de conservar una copia como documento word también.

Fijate he aquí un codigo fuente generado por word tal como te digo, cópialo y pégalo en tu html verás que esta en negrita, italica y la fuente es myriad pro.

<html>

<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=Generator content="Microsoft Word 11 (filtered)">
<title>Lorem ipsum dolor sit amet, consectetur adipiscing elit</title>

<style>
<!--
 /* Font Definitions */
 @font-face
	{font-family:"Myriad Web Pro";
	panose-1:2 11 5 3 3 4 3 2 2 4;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0cm;
	margin-bottom:.0001pt;
	font-size:12.0pt;
	font-family:"Times New Roman";}
@page Section1
	{size:595.3pt 841.9pt;
	margin:70.85pt 3.0cm 70.85pt 3.0cm;}
div.Section1
	{page:Section1;}
-->
</style>

</head>

<body lang=ES>

<div class=Section1>

<p class=MsoNormal>[b][i]<span lang=EN-US style='font-family:"Myriad Web Pro"'>Lorem
ipsum dolor sit amet, consectetur adipiscing elit. </span>[/i][/b][b][i]<span
style='font-family:"Myriad Web Pro"'>Quisque ac libero nisi. 

Ut vel mauris lectus. Proin eget nisl lorem. Maecenas est neque, rhoncus et </span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'>ullamcorper
sed, vulputate auctor neque. 

Vestibulum faucibus erat sit amet est dapibus venenatis. Integer scelerisque </span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'>viverra
eros, ut dapibus odio pulvinar sit amet. Ut ut turpis nibh, a lacinia nulla. </span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'>Duis et
molestie nibh. </span>[/i][/b][b][i]<span lang=EN-US style='font-family:"Myriad Web Pro"'>Curabitur
purus libero, pulvinar at venenatis eget, </span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span lang=EN-US style='font-family:"Myriad Web Pro"'>sollicitudin
at dolor. </span>[/i][/b][b][i]<span style='font-family:"Myriad Web Pro"'>Vestibulum
magna leo, pretium sed interdum eu, pulvinar sodales arcu. 



</span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'></span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'>

Curabitur mollis cursus ante, vel porttitor dui venenatis eu. Phasellus rutrum </span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'>aliquam
ipsum scelerisque ultrices. Pellentesque a libero eros. 



</span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'></span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'>

Nunc vulputate, ipsum in interdum porta, turpis velit consectetur leo, nec
posuere </span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'>nunc augue
eget ipsum. </span>[/i][/b][b][i]<span lang=EN-US style='font-family:"Myriad Web Pro"'>In
vitae urna nisi. Etiam quis velit et massa blandit </span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span lang=EN-US style='font-family:"Myriad Web Pro"'>convallis.
</span>[/i][/b][b][i]<span style='font-family:"Myriad Web Pro"'>Nullam id
rutrum lorem. Quisque arcu felis, euismod nec ultrices ut, </span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'>lacinia eu
arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra,</span>[/i][/b]</p>

<p class=MsoNormal>[b][i]<span style='font-family:"Myriad Web Pro"'> per
inceptos himenaeos. Curabitur ipsum sapien, pulvinar a euismod vitae, feugiat
eu metus.</span>[/i][/b]</p>

</div>

</body>

</html>

jaume · 24 Abr 2010, 18:45 · Solicitar retirada

Bieeeeeeeeennn... Lo estaba haciendo mal. Copiaba solo el texto del documento y lo pegaba, con lo que estabamos en las mismas. He seguido tus instrucciones, pero resulta que des de el documento generado desde página web filtrada, no hay la opción de ver codigod HTML. Entonces lo he guardado como "Página web (*.htm; *.html)", he abierto Ver, Codigos HTML y he copiado tooooooooodo lo que hay en la página. Lo he pegado en mi web y funciona casi todo. Lo único que, hasta ahora he detectado, és que no conserva las negritas, pero es un mal menor y relativamente facil de solucionar.
Una pregunta mas solamente, si esto hay que hacerlo en las páginas que contengan largos textos, la longitud de estas páginas será mostruosa, ¿no? ¿Eso es normal en qualquier web?
Gracias, johnpeterjp, me has ayudado a dar otro paso en este universo que va abriendose lentamente paso. Te estoy muy agradecido.

saludos...

johnpeterjp · 25 Abr 2010, 21:16 · Solicitar retirada

Por nada jaume, para eso normalmente se usa la paginación, es decir, cuando veas que la página se estiende demasiado, al final solo agregas un:

Página siguiente »»
Continuar texto »»
ver página 2 »»
Pág 1 - 2 - 3 - 4 »» (etc.)

y continúas el texto en otra página...