TinyMCE visualizzato come A4

Question

Ho un editor TinyMCE sul mio sito Web e mi piacerebbe avere l'area modificabile (o il tutto) visualizzata in formato A4.

Fondamentalmente, vorrei vedere il documento nello stesso modo in cui mi trovo in MS Word. (larghezza, interruzioni di pagina ecc.)

È possibile? Per favore, indicami la giusta direzione.

Answer 1

È possibile, ma difficile, soggetto a errori e non ci si avvicina a MS Word. Forse puoi farlo bene per un font o giù di lì.

Quello che devi fare è un custom CSS e un custom template. Il modello dovrebbe assomigliare a uno sfondo grigio con la pagina bianca (con un'ombra :). Definisci alcuni pulsanti che aggiungeranno classi personalizzate al modello con Javascript e otterrai le impostazioni dei margini (stretto, ampio, normale, nessun valore). Per l'interruzione di pagina, è possibile inserire uno speciale <hr> che definisce il modello di pagina sottostante come se finisse e ne inizi un altro. Tieni presente che dovrai sostituire quasi tutti i CSS personalizzati per renderlo pronto per la stampa. Inoltre, dovresti fare fullscreen a tinymce.

Un altro (molto strano) approccio che ho visto è una combinazione tra tinymce e un file PDF renderer library o equivalente. In questo modo otterrai il WYSIWYG giusto.

Spero che questo aiuti.