如何在主帖子输入区中放置占位符文本?

时间:2012-07-09 作者:danbrown

我正在为英国的一所大学制作一个课程插件。我想在管理端的主帖子内容区域中放置一些默认占位符文本。这是我想要的富文本编辑器。我可能只是输入了错误的单词,但在这里找不到。。。最好是非js的东西。。。

基本上类似于“使用此区域编写课程介绍…”。

谢谢

3 个回复
SO网友:Stephen Harris

您可以更改要将默认内容应用到的任何帖子类型的“帖子”。

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;
}
编辑我不确定您是否可以将占位符文本添加到tinymce编辑器中。下面的方法将向基础文本区域添加一个占位符(您可以在“html”选项卡上查看它,即将成为“文本”选项卡):

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;
}
但这并没有出现在可视化编辑器上(正如我所说,我不确定占位符是否适用于TinyMCE-如果有人知道如何使用,请发表评论)。

SO网友:sMyles

基于我为TinyMCE找到的占位符插件,我将其改编为WordPress,并专门为其创建了一个repo。非常适合我!

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

SO网友:Hooman Askari

答案可能是:http://codepen.io/flesler/pen/AEIFc

只需添加以下CSS即可使其像占位符一样工作:

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
}
我们只需要找到一种方法,向tinyMCE中的contenteditable元素添加一个数据属性,并向其添加一点CSS来影响可编辑的内容。

结束

相关推荐

Profile Field In Admin Bar

我在用户配置文件中添加了一个名为“当前状态”的字段,用户在其中填写自己的信息,如电子邮件、网站等。如何使此字段仅显示给作者,并将其显示在管理员/作者栏中,以便他们无需进入配置文件区域即可进行更新?提前感谢!