Forums

Adding custom styles to format dropdown in TinyMCE Editor (3 posts)

  1. pedro501
    Member
    Posted 1 year ago #

    I'm trying to add some custom styles to the format dropdown that's located in the "Kitchen Sink" portion of the TinyMCE Editor's toolbar. So far I've tried to modify the language and editor template files located:

    /wp-includes/js/tinymce/langs/wp-langs.php
    /wp-includes/js/tinymce/themes/advanced/editor_template.js

    I've added lines for the styles and I've even tried modifying the h1-h6 and pre tags in those files but no changes have been visible in the editor itself. What file/line am I supposed to edit to add styles to the dropdown?

    In case you're wondering, I basically searched those two files for every instance of 'h1' and modified that line with custom text and nothing took.

  2. pedro501
    Member
    Posted 1 year ago #

    Nothing huh? I would imagine this is a fairly common customization...

  3. undercovermonk
    Member
    Posted 1 year ago #

    This plugin does pretty much what you want:
    http://www.laptoptips.ca/projects/tinymce-advanced/

    After you install the plugin, it'll put a new button on the wp admin toolbar where you can configure stuff. Drag the new 'styles' dropdown to the tinymce toolbar, add new styles to the css file in the plugin directory, Ctrl + F5 to get everything to reload, and there you have it.

Topic Closed

This topic has been closed to new replies.

About this Topic