Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • praveity 100 posts 125 karma points
    Jun 14, 2011 @ 11:15
    praveity
    0

    TinyMCE: change default styles

    Hi to all,

    My client wants the same font-family and font-size as there is for the website. Can we change the default styling of tinymce for this purpose?

    I don't want to have a stylesheet on the dropdown in UI, it needs to be default for the RTE.

    Please help me through :)

    Thanks in advance.

    Copy Link
  • Stuart Burrows 61 posts 110 karma points
    Jun 14, 2011 @ 11:23
    Stuart Burrows
    0

    Hi there,

    The tinyMCE plugin in Umbraco uses an Umbraco theme. Changing the styles there should filter through to the editor as the default styles. Here is the path to the file: 

    umbraco_client\tinymce3\themes\umbraco\skins\umbraco

    Here is some more information about this (more of a starting point if there is any complication with actually changing the styles):
    http://tinymce.moxiecode.com/wiki.php/Configuration:content_css

    HTHs :)

    Copy Link
  • Drew 165 posts 340 karma points
    Jun 16, 2011 @ 16:15
    Drew
    0

    You can edit the Rich Text Editor data type (tinymce) CSS styles that are included when the WYSIWYG is displayed in the back end.

    1) Create a new CSS file under your Settings > CSS. Call it "CMS".
    Set the CSS so that it overloads the default TinyMce styling.  (i.e. set the style for p, span, etc, etc).

    Developer menu > Data Types > Rich Text Editor

    Under the tinymce settings you'll be able to choose CSS files to be implemented - just tick the CMS.css checkbox.

    Copy Link
Please Sign in or register to post replies

Write your reply to:

Draft