Wie gestaltet man die Webseite, um den minimalen Formatverlust beim Einfügen in MS Word zu erreichen?

Question

Ich entwickle eine Webanwendung und möchte, dass die Benutzer in der Lage sind, Teile der Seite zu kopieren und in MS Word einzufügen mit minimalen Verlusten an HTML-Formatierung. Zum Beispiel sollten Benutzer nur eine Tabelle von der Seite kopieren und mit minimalem Verlust in Word einfügen können (vorausgesetzt, die Seite enthält erforderliche Mittel, um nur eine einzelne Tabelle oder ein div auszuwählen).

Wie sollte ich das HTML entwickeln, damit Benutzer mit minimalen Verlusten kopieren und einfügen können? Sollte ich beispielsweise Tags wie b, i anstelle von CSS bevorzugen, sollte ich Inline-CSS bevorzugen usw.?

Answer 1

Solange du dich nicht auf externes CSS verlässt, bist du gut; entweder Inline-CSS oder Tags wie B werden den Trick tun. Sollte wahrscheinlich bei CSS2 bleiben - keine CSS3 Spielereien. Verwende natürlich nur websichere Schriftarten, die auf dem Computer des Benutzers verfügbar sein müssen. Wenn Benutzer mehrere Container-Elemente kopieren können, möchten Sie möglicherweise das Design mit Tabellen anstelle von Divs erstellen. Halten Sie sich an ein strenges Layout und verwenden Sie keine absolut positionierten Elemente und ähnliches. Streben Sie nach einem strengen, quadratischen und schmalen Layout, das gut auf eine DIN A4-Seite passt.

Answer 2

Wenn Sie wissen, was Ihre Benutzer einfügen werden, ist die beste Option, diesen Teil auf einer separaten Seite zu erstellen, damit das Einfügen einfach ist.

Standardmäßig wird MS-Word die gleiche Formatierung übernehmen, aber die Breite ist immer festgelegt, was einige Probleme verursachen kann (zu breit oder zu schmal).

Ein weiterer Punkt, der beachtet werden sollte, ist, dass das Kopieren von einer Website immer dem Fluss des HTML-Codes folgt und nicht dem, wie es im Browser erscheinen mag. Daher müssen alle einzufügenden Daten im HTML-Code benachbart sein.

Seien Sie vorsichtig bei:

• absoltut positionierten Elementen, Überlagerungen, etc.
• Elementen, die skriptgesteuert oder dynamisch über Ajax geladen werden

Skripte werden immer verworfen

Um es zu testen, fügen Sie einfach etwas in Word ein und speichern Sie dann die Word-Datei als HTML ab. Sehen Sie, wie es aussieht.