3

I'm making a course plugin for a university in England. I'm looking to put some default placeholder text in the main post content area, on the admin side. Its the rich text editor I want it to go behind. I might just be typing the wrong words, but can't find it here... preferably a non js thing...

Basically something like 'Use this area to write an introduction to the course...'.

Thanks

1

3 Answers 3

5

You can change 'post' to which ever post type you want to apply the default content to.

add_filter( 'default_content', 'wpse57907_default_content', 10, 2 );
function wpse57907_default_content( $content, $post ) {
    if ( 'post' == $post->post_type )
        $content = 'Use this area to write an introduction to the course...';

    return $content;
}

Edit

I'm not sure you can add placeholder text to tinymce editors. The followng method will add a placeholder to the underlying textarea (you can view it on the 'html', soon to be 'text' tab):

add_filter('the_editor','wpse57907_add_placeholder');
function wpse57907_add_placeholder( $html ){
    $html = preg_replace('/<textarea/', '<textarea placeholder="my place holder text" ', $html);
    return $html;
}

But this does not appear on the visual editor (as I say, I'm not sure placeholders work with TinyMCE - if someone knows how, please comment.).

5
  • Hey Stephen, thanks for quick response that's almost exactly what I'm looking for except do you know any way to make it like placeholder text? So it will disappear as soon as they focus in the field?
    – danbrown
    Jul 9, 2012 at 15:35
  • I've updated my answer... Jul 11, 2012 at 19:39
  • TinyMCE is an iframe with regular HTML and contenteditable if I remember this correct. The only way to let text act like a HTML5 placeholder is some (probably fragile) JavaScript.
    – fuxia
    Jul 11, 2012 at 19:50
  • Oh ok thanks, the first method does the job anyway, I'm probably being a bit OCD about it. Cheers for the answers :)
    – danbrown
    Jul 13, 2012 at 8:13
  • Thanks for this, I adapted it along with a TinyMCE plugin to work with WordPress :)
    – sMyles
    Mar 22, 2016 at 21:11
2

Based off a placeholder plugin I found for TinyMCE, I adapted it to work for WordPress, and created a repo specifically for it. Works perfectly for me!

https://github.com/tripflex/wp-tinymce-placeholder

1

This could be the answer: http://codepen.io/flesler/pen/AEIFc

Just adding the following CSS will make it work like a placeholder:

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
}

We just need to find a way to add a data-attribute to the contenteditable element in the tinyMCE and also add the little bit of CSS to it to affect the content editable.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.