We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
MODX Community Forums Archive

TinyMCE - css styles in drop down?

    • 661
    • 33 Posts
    aherrera Reply #1, 20 years, 5 months ago
    I’ve got a stylesheet with various classes that need to be applied to certain items. For example, ".intro" for a paragraph. I think I’ve set it up fine in the Administration area of the manager, but when editing text nothing shows up in the "styles" drop down menu. Not sure what I’m doing wrong. I’m using TinyMCE 2.0.6. Any help would be greatly appreciated!

    Thanks,
    Angie
      • 4018
      • 1,131 Posts
      Bravado Reply #2, 20 years, 5 months ago
      Try switching to the Full Featured theme. Your styles should show up so long as you’ve populated the "Path to CSS file" field in the configuration. However, keep in mind that it may require you to create a custom CSS file specifically for use in TinyMCE or the like. TinyMCE sometimes has a funky way of displaying CSS from the same file you use for your site. I’ll see if I can implement the CSS functionality for the Advanced theme and update the installer. smiley
        Jeff Whitfield

        "I like my coffee hot and strong, like I like my women, hot and strong... with a spoon in them."
        • 36451
        • 264 Posts
        qlworx Reply #3, 20 years, 5 months ago
        FYI: In the Section "Administration -> System conf. -> Interface and Editor settings -> TinyMCE settings -> CSS Selectors" instead of using 
        'displayName=selectorName;displayName2=selectorName2'

        I simply use 
        displayName=selectorName;displayName2=selectorName2

        without the sticks. That works fo me. Strange, hm...
          • 661
          • 33 Posts
          aherrera Reply #4, 20 years, 5 months ago
          Quote from: Bravado at May 19, 2006, 04:04 PM

          Try switching to the Full Featured theme. Your styles should show up so long as you’ve populated the "Path to CSS file" field in the configuration. However, keep in mind that it may require you to create a custom CSS file specifically for use in TinyMCE or the like. TinyMCE sometimes has a funky way of displaying CSS from the same file you use for your site. I’ll see if I can implement the CSS functionality for the Advanced theme and update the installer. smiley

          Thanks for the tip - I did try that and it did work. Unfortunately, I don’t really like having all those options in the Full Featured theme (for the client anyway), so I just created a work around. If you can implement that into the Advanced theme, that’d be sweet!

          Thanks again.
            • 17802
            • 190 Posts
            Maaike Reply #5, 20 years ago
            Quote from: Bravado at May 19, 2006, 04:04 PM

            I’ll see if I can implement the CSS functionality for the Advanced theme and update the installer. smiley

            That would be GOOD!
            I don’t like the Full Featured theme, it has way too many options and will put font tags all over the place if you’re not careful undecided
              Thanks for MODx - I love it!
              • 10323
              • 35 Posts
              futurist Reply #6, 20 years ago
              Basically, it should be possible to switch to the "advanced" theme in the editor settings and configure the TinyMCE plugin with options like: theme_advanced_* : "value". That way the toolbar layout could be easily customized and styles added to the editor’s drop down menu. I tried and edited the plugin code in the Resources Manager - near line 210, tinyMCE.init({ - but nothing changes. Is something wrong with my approach?

              And: How about creating ones own TinyMCE theme and installing it in the Manager?

              Thanks for any insight!