用于添加工具提示的目标wp_EDITOR按钮

时间:2012-05-01 作者:Travis Pflanz

我有一个多作者网站,无论我对作者进行了多少教育,80%以上的人要么拒绝或忘记在帖子中使用标题,要么在单独的一行使用粗体文本来指定帖子的新部分。

在我的战斗中,我想我应该尝试向Bwp_editor 带有一个注释,简单描述何时使用和何时不使用B 以及何时使用Heading 相反

我不确定这是否会对如何瞄准它产生影响,但我还应该注意,我使用wp_editor 在评论、用户配置文件的bio部分以及新帖子屏幕上的自定义元字段上。

我已经使用-How to Add Reminders/Notes to New Post Meta Boxes

我创建了一个alerts.js 文件位于/theme_name/js/ 并在我的functions.php

//Load jQuery to display New Post meta notes.
function load_my_alerts(){
      wp_register_script( 
        \'my_alerts\', 
        get_template_directory_uri() . \'/js/alerts.js\', 
        array( \'jquery\' )
    );
    wp_enqueue_script( \'my_alerts\' );
}
add_action(\'admin_enqueue_scripts\', \'load_my_alerts\');
完整的内容alerts.js

jQuery(document).ready(function($){

$(\'<div/>\', {
    id: \'tags-meta-reminder\',
    class: \'meta-box-reminder\',
    html: \'<p style="padding:5px;border:2px #fdff30 solid">Add 1 to 5 tags to describle your article. Any tags beyond the first 5 will be automatically removed. <a href="/faq#tags" target="_blank">Need Help?</a></p>\'
}).appendTo(\'#tagsdiv-post_tag .howto\');

$(\'<div/>\', {
    id: \'category-meta-reminder\',
    class: \'meta-box-reminder\',
    html: \'<p class="howto" style="margin:1em;line-height:1.4em;padding:5px;border:2px #fdff30 solid">Select only 1 category for your article. If you select multiple categories, they will be removed and the category listed 1st alphabetically will become the category for your article. <a href="/faq#categories" target="_blank">Need Help?</a></p>\'
}).appendTo(\'#categorydiv\');

$(\'<div/>\', {
    id: \'featured-image-meta-reminder\',
    class: \'meta-box-reminder\',
    html: \'<p class="howto" style="margin:1em;line-height:1.4em;padding:5px;border:2px #fdff30 solid">Upload an image at least 640px wide and 360px tall. <a href="/faq#add_featured" target="_blank">Need Help?</a></p>\'
}).appendTo(\'#postimagediv\');

$(\'<div/>\', {
    id: \'cite-meta-reminder\',
    class: \'meta-box-reminder\',
    html: \'<p class="howto" style="margin:1em;line-height:1.4em;padding:5px;border:2px #fdff30 solid">Fill out the information in this section when your article directly references another article, blog post, interview, TV or radio show segment, etc. Fill it out as completely as possible, but not all fields are required. Do not fill out this section if you are simply referencing box scores or statistics. <a href="/faq#cite" target="_blank">Need Help?</a></p>\'
}).appendTo(\'#ecpt_metabox_4\');

});

1 个回复
最合适的回答,由SO网友:EAMann 整理而成

可视化编辑器上的“bold”图标由<span>mce_bold. 您可以很容易地使用jQuery确定目标并添加工具提示:

jQuery(\'.mce_bold\').attr(\'title\', \'Please use an H2 tag instead.\');
如果还希望在HTML编辑器中以其为目标,请使用以下代码:

jQuery(\'.mce_bold, #qt_content_strong\').attr(\'title\', \'Please use an H2 tag instead.\');
更新,将其添加到alert.js 文件,只需将其添加到jQuery中ready() 像这样打电话:

jQuery(document).ready(function($){

    $(\'<div/>\', { // Cut out for brevity

    $(\'<div/>\', { // Cut out for brevity

    $(\'<div/>\', { // Cut out for brevity

    $(\'<div/>\', { // Cut out for brevity

    $(\'.mce_bold, #qt_content_strong\').attr(\'title\', \'Please use an H2 tag instead.\');
});
我没有复制你的全部代码,只是让你知道应该把东西放在哪里。此外,由于您位于定义$ 作为的别名jQuery, 你可以用它来代替。

我已经通过浏览器控制台调试器对此进行了测试,它的工作方式与广告中的一样。如果您有任何问题,请仔细检查您的控制台,看看JS错误是否在其他地方抛出。

结束

相关推荐