将类添加到tinyMCE创建的所有链接

时间:2012-08-17 作者:reK1NDLE

我试图在单击tinyMCE中的“链接”按钮时,将一个类自动添加到所有创建的链接中。我在tinyMCE文档中找到了这段代码:

// Adds a class to all paragraphs in the active editor
tinyMCE.activeEditor.dom.addClass(
    tinyMCE.activeEditor.dom.select(\'p\'),
    \'myclass\'
);
我想这将是我所需要的,如果我改变它,以适用于锚。

你认为这样行吗?你知道更好的方法吗?

如何以及在何处将此片段添加到主题中?

我使用的主题有tinyMCE 中的文件夹functions 目录

2 个回复
SO网友:reK1NDLE

所以我最终做了一个jQuery修复,而不是通过tinyMCE。代码如下:

jQuery(document).ready(function(){
    $("#content a").addClass("link_color");
});

SO网友:Tribalpixel

我认为更改tinymce中的“生成链接按钮”不可能也不容易

但在wordpress中,您可以在编辑器中提取自定义样式并将其应用于链接;)

也许在主题函数中使用类似的东西。php:

add_filter( \'mce_buttons_2\', \'my_mce_buttons_2\' );
// add the style list to tinymce
function my_mce_buttons_2( $buttons ) {
    array_unshift( $buttons, \'styleselect\' );
    return $buttons;
}

add_filter( \'tiny_mce_before_init\', \'my_mce_before_init\' );
function my_mce_before_init( $settings ) {

    $style_formats = array(
        array(
            \'title\' => \'Custom Class for Links\', // title that apear in the list
            \'selector\' => \'a\', // limited to specific html tag
            \'classes\' => \'myClass\' // the class to add
        )
    );

    $settings[\'style_formats\'] = json_encode( $style_formats );

    return $settings;
} 
不要忘记添加的定义。编辑器样式的myClass。css检查add_editor_style() 用于在WP编辑器中加载和使用自定义系统的函数

我希望这对你有帮助

结束

相关推荐

permalinks issue and archives

我对运行在WP 3.3上的一个站点有一个问题,当我们通过“/%post\\u id%/%postname%/”使永久链接成为任何内容时,归档页面会断开并变成404。经过一些研究,我明白了为什么从性能的角度来看,这不是一个好的做法,所以我尝试了建议的备选方案:“/%year%/%postname%/”和“/%post\\u id%/%postname%/”这两个建议都有效,只是只有使用post\\u id的建议,归档URL才会变成“/date/2012/11/”,并被找到。根据permalink的任何其他建