How to Enable TinyMCE for Post Excerpts Box

Written by Jean Galea
Written by Jean Galea

Here's some neat code that will enable TinyMCE within your excerpts box. You can now insert links and other HTML into your excerpts.

This code should be inserted into your theme's functions.php, or better still create a plugin out of it.

Partner Sponsors

BionicWP

Full disclosure: If you purchase through a link on our site, we may earn a commission. Learn more.

Here’s some neat code that will enable the TinyMCE rich text editor within your excerpts box. You can now insert links and other HTML into your excerpts.

This code should be inserted into your theme’s functions.php, or better still create a plugin out of it.

[php]
function tinymce_excerpt_js(){ ?>
<script type="text/javascript">
jQuery(document).ready( tinymce_excerpt );
function tinymce_excerpt() {
jQuery("#excerpt").addClass("mceEditor");
tinyMCE.execCommand("mceAddControl", false, "excerpt");
tinyMCE.onAddEditor.add(function(mgr,ed) {
if(ed.id=="excerpt"){
ed.settings.theme_advanced_buttons2 ="";
ed.settings.theme_advanced_buttons1 = "bold,italic,underline,seperator,justifyleft,justifycenter,justifyright,separator,link,unlink,seperator,pastetext,pasteword,removeformat,seperator,undo,redo,seperator,spellchecker,";
}
});
}
</script>
<?php }
add_action( ‘admin_head-post.php’, ‘tinymce_excerpt_js’);
add_action( ‘admin_head-post-new.php’, ‘tinymce_excerpt_js’);
function tinymce_css(){ ?>
<style type=’text/css’>
#postexcerpt .inside{margin:0;padding:0;background:#fff;}
#postexcerpt .inside p{padding:0px 0px 5px 10px;}
#postexcerpt #excerpteditorcontainer { border-style: solid; padding: 0; }
</style>
<?php }
add_action( ‘admin_head-post.php’, ‘tinymce_css’);
add_action( ‘admin_head-post-new.php’, ‘tinymce_css’);

function prepareExcerptForEdit($e){
return nl2br($e);
}
add_action( ‘excerpt_edit_pre’,’prepareExcerptForEdit’);
[/php]

Found via http://haet.at/add-tinymce-editor-wordpress-excerpt-field/

If you enjoyed this post, make sure to subscribe to WPMayor’s RSS feed.

This article was filed in our archives.
Written by Jean Galea
Jean Galea is an investor, entrepreneur, and blogger. He is the founder of WP Mayor, the plugins WP RSS Aggregator and Spotlight, as well as the Mastermind.fm podcast. His personal blog can be found at jeangalea.com.

In this article

Discover More

One Response

Share Your Thoughts

Your email address will not be published. Required fields are marked *

New discoveries, every week.
Join thousands of designers, developers, and builders that come to WP Mayor to find the best guides, tools, and services for their next website. One email, once a week.
WP Mayor Newsletter

Claim Your Free Website Tip 👇

Leave your name, email and website URL below to receive one actionable improvement tip tailored for your website within the next 24 hours.

"They identified areas for improvement that we had not previously considered." - Elliot

By providing your information, you'll also be subscribing to our weekly newsletter packed with exclusive content and insights. You can unsubscribe at any time with just one click.

What's missing?