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
- Switch between Visual and HTML tab freely
- How to use tinyMCE for user “biographical info”?
- Using WordPress’ WYSIWYG for comments
- How i can i add a split button or list box to the WordPress TinyMCE instance
- TinyMCE in customizer
- Secure Validation of wp_editor in Theme Options
- Detecting when TinyMCE is “ready”
- Second toolbar in tinymce has “display:none” set?
- Integrating inline tinymce editor in a component for a gutenberg block
- Using post ID in custom tinyMCE button
- 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
- Remove empty lines ( ) when author updates their post
- Easy way to inject js in tinymce iframe?
- Content editor creating blank paragraphs in spaces and creating   in the_excerpt
- What is this: data-wplink-url-error=”true” and why is it added to my links?
- Customising the WordPress TinyMce editor and it’s buttons
- wordpress 3.5 tinymce height
- Adding image to visual editor popup for shortcode with wp.media and wp.mce: changing image duplicates shortcode
- Change Default Font Size and Remove Unwanted Font Sizes in TinyMCE
- TinyMCE Plugin Parameter
- Custom Post Type archive link in WYSIWYG editor
- wpeditor issue – shows both mode and not able to focus/edit during visual mode
- How to stop editor removing space ( ) in the beginning of the paragraph
- Add Wrapper with Class to WYSIWYG Editor
- Can Rich Text features be configured per user?
- wp.editor.initialize does not show the same default toolbar
- How to add button in TinyMCE TEENY mode?
- TinyMCE Editor change underline button behavior – u tag instead of span text-decoration underline
- Insert dynamic listbox options in Tinymce popup editor
- Can’t remove generated by editor from database
- Custom TinyMCE style formats disabled
- Post content not showing in the edit post textarea
- How to add custom font to TinyMCE FontSelect in WP Admin or filter the fonts available
- Disable TinyMCE Table formatting width/height
- Use schema.org HTML in TinyMCE Editor
- Change syntax styling of TinyMCE HTML Text Editor
- Theme option not saved if in wp_editor() and html decoded
- Customer Support: TinyMCE stopped working (on some computers)
- TinyMCE buttons that launch Ajax-generated forms
- How can I make the page editor trust me?
- Adding custom block formats to TinyMCE. Everything works until JavaScript error when applying the format
- Adding CSS to admin TinyMCE editor for custom button
- How to disable TinyMce’s Paste plugin from turning image URLs into embedded ?
- How can a TinyMCE modal return formatted/visual text?
- Adding to the WYSIWYG
- How to apply a custom skin to WP_Editor / TinyMCE?
- Blank spaces show as a question mark
- Can i set css class for table via TinyMCE [closed]
- Where’s the explanation of the TinyMCE’s vars in the WP core?
- How to edit blockquote image
- Customizing tinyMCE 4 Styles and Format dropdowns
- WordPress (TinyMCE) not removing script tags
- Why Editor reformats my code
- How can I remove using built in wordpress filters
- TinyMCE Visual editor removes href containing Javascript with ‘allow_script_urls’ set to true
- TinyMCE is inactive after installation
- Multiple TinyMCE on button click is initialized and appended but why only last one is writeable?
- How to set custom TinyMCE format style as default?
- Did Gutenberg block editor change the html in post content during import?
- Load WordPress Editor .css on Front End
- “Formats” Select Menu in WP Editor doesn’t show up with correct colour
- Prevent Black Studio TinyMCE from adding tags when switching from Visual to HTML mode
- how to see P and BR tags in tinymce?
- TinyMce Chrome newline issue
- Inline Editing with wp_editor and tinymce (problem with textarea)
- Custom shortcode editor [BackboneJS & TinyMCE)
- What is zinging my HTML commands? I don’t think I can blame TinyMCE this time…
- Is there an alternative way to upload html without using TinyMCE?
- Add new MCE button for toggle specific cell background color