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.

  • 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 :)

  • 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.

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies