TinyMCE-Anzeige als A4

Question

Ich habe einen TinyMCE-Editor auf meiner Website und möchte den bearbeitbaren Bereich (oder die ganze Sache) im A4-Format anzeigen lassen.

Grundsätzlich möchte ich das Dokument auf die gleiche Weise wie in MS Word anzeigen. (Breite, Seitenumbruch usw.)

Ist das überhaupt möglich? Bitte zeigen Sie mir in die richtige Richtung.

Answer 1

Es ist möglich, aber hart, fehleranfällig und Sie werden nicht in der Nähe von MS Word kommen. Vielleicht können Sie es für eine Schriftart oder so richtig machen.

Was Sie tun müssen, ist ein custom CSS und ein custom template. Die Vorlage sollte einem grauen Hintergrund mit der weißen Seite (mit einem Schatten :) ähneln. Definieren Sie einige Schaltflächen, die der Vorlage benutzerdefinierte Klassen mit Javascript hinzufügen, und Sie erhalten die Randeinstellungen (schmal, breit, normal, keine Werte). Für den Seitenumbruch können Sie eine spezielle <hr> einfügen, die die zugrunde liegende Seitenvorlage formatiert, als ob sie endet und eine andere beginnt. Denken Sie daran, dass Sie fast alle Ihre benutzerdefinierten CSS ersetzen müssen, um es druckbereit zu machen. Außerdem sollten Sie tinymce fullscreen machen.

Ein anderer (sehr seltsamer) Ansatz, den ich gesehen habe, ist eine Kombination zwischen tinymce und einem PDF renderer library oder gleichwertig. Auf diese Weise erhalten Sie das WYSIWYG richtig.

Hoffe, dass hilft.