The TinyMCE Custom Styles Codex Page should get you through this.
There are code snippets on that page, but, as an overview, the process requires two steps:
- Add the TinyMCE “styleselect” element to the first or second row of icons.
- Add one or more elements to that styleselect menu.
If this were me, I would consider also removing the blockquote button from TinyMCE and then adding blockquote
as an option in the styleselect along with cite
. Doing it that way means your editors can find the correct markup for an entire blockquote
in one place.
And I hope this goes without saying, but make sure to implement a custom editor-style.css
file so that the blockquote
and cite
styles match the theme output.
Related Posts:
- How can I control the HTML output of my post?
- WYSIWYG with HTML source?
- Add custom classes to TinyMCE generated markup
- Replace Taxomony Description Field with Visual/WYSIWYG Editor
- When switching from html to visual editor the tag gets corrupted
- Is it possible to create nested lists in the WYSIWYG editor?
- How can I stop TinyMCE from converting my HTML entities to characters?
- Snippet: Use classes instead of inline styles for text alignment
- Apply custom style to single word in WordPress
- data-accordion removed in Visual Editor
- How to wrap the content of the main tinyMCE editor with extra tags
- TinyMCE strips line breaks on mceAddControl
- Using main style.css with add_editor_style
- Add a select a class dropdown in tinymce
- Custom settings page TinyMce: no formatting when echoing value of editor
- Stop WordPress Visual Editor converting backticks into code blocks
- Editor stripping out data attribute when saving
- How to dynamically generate wordpress editor on frontend?
- Tiny MCE doesn’t look anything like my blog
- Editor html formatting is different from view source
- Stop editor from adding “amp;” after every “&”
- TinyMCE not loading in IE8
- Why exactly does WordPress use p tags, not divs?
- How to apply padding to TinyMCE editor?
- Adding microdata using Structured Data Markup Helper HTML
- WordPress adding extra html coding to my data on saving
- TinyMCE 4.0: specifying buttons to display [duplicate]
- Problem with Line spacing in wysiwyg editor in WP 3.5.1
- How do I include a TinyMCE editor in the frontend?
- Switch between Visual and HTML tab freely
- Creating a wp_editor instance with custom tinyMCE buttons
- How to add custom CSS (theme option) to TinyMCE?
- How to add “Insert/Edit link” button in custom popup tinymce window?
- Remove HTML editor and visual/HTML tabs from TinyMCE
- How to disable TinyMCE from removing span tags
- WordPress automatically adding ” “?
- How to Add WYSIWYG Editor (tinyMCE) to plugin options page compatible with WordPress 3.0 and up?
- Add popup window to TinyMCE buttons
- How to customize TinyMCE4 in WP 3.9 – the old way for styles and formats doesn’t work anymore
- TinyMCE editor is breaking my beautiful HTML
- How to get the input of a TinyMCE editor when using on the front-end?
- Removing buttons from the editor
- Load wp_editor via ajax [duplicate]
- Enqueue Script After TinyMCE initialized
- How to use tinyMCE for user “biographical info”?
- Using WordPress’ WYSIWYG for comments
- Why did multiple line breaks stop working in text editor?
- TinyMCE 4.x : How to customize toolbar on wp_editor()
- Modify links when inserted by WYSIWYG editor
- Stop editor from removing tags and replacing them with nbsp
- How to replace the content of tinyMCE editor in both text and visual mode using jQuery?
- Unable to add “code” button to TinyMCE toolbar
- TinyMCE format dropdown no longer showing style previews
- How i can i add a split button or list box to the WordPress TinyMCE instance
- TinyMCE in customizer
- Possible to stop WordPress from adding p1, p2… classes to p tags in TinyMCE?
- Custom Tiny MCE button to bring up a custom php popup
- WordPress 3.2 has broken my TinyMCE code
- wp_editor disable after reaching character count limit
- Is it possible to re-use the image details popup?
- Markup of oEmbed codes in the editor?
- Visual Tab Missing From Editor
- How to use the new Dashicons for custom TinyMCE buttons?
- Add unique class or ID information to tinyMCE
- Add a button to tinyMCE editor on Custom Post Type
- TinyMCE Anchor Button not showing
- How to keep non-breaking spaces in the visual editor?
- Is there a way to prevent the Editor from modifying my HTML
- Wait for Gutenberg or built something in ACF?
- Replicating the_editor (Media Bar, TinyMCE, Visual/HTML Tabs) functionality without a huge rewrite
- “wp_editor” not displaying TinyMCE correctly when square brackets used in name
- HTML5, WordPress and Tiny MCE issue – wrapping anchor tag around div results in funky output
- Remove “Are You Sure” dialogue when leaving editor
- How can I filter Microsoft Word gunk from pasted content?
- Secure Validation of wp_editor in Theme Options
- Creating a custom MCE view for your shortcodes [closed]
- Detecting when TinyMCE is “ready”
- Using a dashicon for a custom button in TinyMCE?
- How to disable TinyMCE 4 keyboard shortcuts
- How to customize the symbols that appear in the Visual Editor insert custom character
- Pasting code into pre-formatted text in Visual Editor not working in 3.3.1
- Tiny MCE not adding p tag when saving theme option
- Second toolbar in tinymce has “display:none” set?
- How to add TinyMCE keyboard shortcut
- How to keep a textarea and stop tinymce?
- Add Shortcode inline inside Gutenberg block
- Integrating inline tinymce editor in a component for a gutenberg block
- WordPress MultiSite Paste from Word Tool Does not work
- TinyMCE Editor Set Default Tab
- Registering custom TinyMCE buttons, for admin area, to work with custom instances of wp_editor
- Adding TinyMCE custom buttons when using teeny_mce_before_init
- Using post ID in custom tinyMCE button
- TinyMCE – Show Advanced Options (2nd Row) By Default
- Remove quicktag buttons but not Visual / Text editor and tabs
- How to make WordPress and TinyMCE accept tags wrapping block-level elements as allowed in HTML5?
- TinyMCE removes iframe attributes width and height
- How to remove_filter that filters iframes in posts? [duplicate]
- TinyMCE editor – new lines not rendered on front end
- onClick inside post_content does not appear in post tinymce editor
- How to get WP editors tinyMCE instances