tzumtobel
Occasional Observer

Webedit rich text editor with custom style

Jump to solution

Hello everyone,

one of our customers wants to see text displayed by TinyMCE (in webedit mode) in the same style as the website style. So, when editing text it should look the same as the website (same font, same text size, same color).

TINYMCE in fs5webedit project folder has its own projectstyles folder with general.css, project.jsp...

My question is, do we edit this general.css directly and keep track of it when it's overwritten (updates,..), or is there more elegant solution to overwrite TinyMCE general.css used for webedit?

Kind regards,

Thomas

0 Kudos
1 Solution

Accepted Solutions
mbergmann
Crownpeak employee

Hi Thomas,

you can use the settings in the format templates‘ properties tab to adjust the display in the editor:

FirstSpirit Online Documentation - Properties tab

Regards

Michael

View solution in original post

0 Kudos
3 Replies
mbergmann
Crownpeak employee

Hi Thomas,

you can use the settings in the format templates‘ properties tab to adjust the display in the editor:

FirstSpirit Online Documentation - Properties tab

Regards

Michael

0 Kudos

Hi Michael,

thanks, this will do great.

Regards,

Thomas

0 Kudos

Hi Michael,

it works for color, size, and style but font family is ignored. Only pre gets Times New Roman and this seems to be hardcoded in project.jsp of TinyMCE which is missing the whole font family handling. Is project.jsp from TinyMCE FirstSpirit integration or is it completely project dependent?

Regards,

Thomas

0 Kudos