在php文件中标记MCE按钮,所以我可以翻译它

时间:2018-03-06 09:16:11

标签: wordpress tinymce

我在我的wordpress自定义插件中使用自定义MCE按钮是我的代码

function enqueue_plugin_scripts($plugin_array)
{
//enqueue TinyMCE plugin script with its ID.
$plugin_array["related_post_button"] =  plugin_dir_url(__FILE__) . "index.js";
return $plugin_array;
}

add_filter("mce_external_plugins", "enqueue_plugin_scripts");

和js index.js是

(function() {
tinymce.create("tinymce.plugins.related_post_button", {

    //url argument holds the absolute url of our plugin directory
    init : function(ed, url) {

        //add new button     
        ed.addButton("related_btn", {
            title : "Add Related post shortcode",
            cmd : "related_command",
            icon: "custom-mce-icon",
        });

        //button functionality.
        ed.addCommand("related_command", function() {
            var selected_text = ed.selection.getContent();
            var return_text = selected_text + "[related]";
            ed.execCommand("mceInsertContent", 0, return_text);
        });

    },

    createControl : function(n, cm) {
        return null;
    },

    getInfo : function() {
        return {
            longname : "Extra Buttons",
            author : "Narayan Prusty",
            version : "1"
        };
    }
});

tinymce.PluginManager.add("related_post_button", tinymce.plugins.related_post_button);
})();

翻译我在php中使用此代码的任何内容

_e( "text to tranlate", 'wp-related-articles-acf' );

但是当我在index.js title : "Add Related post shortcode",

中有代码时,我怎样才能实现这一点

请注意一切都正确翻译,只是想知道我怎么能实现

我已经尝试了https://codex.wordpress.org/Plugin_API/Filter_Reference/mce_external_languages但没有工作

1 个答案:

答案 0 :(得分:0)

TinyMCE有自己的语言文件,用于国际化UI:

https://www.tinymce.com/download/language-packages/

如果您的插件包含需要翻译的自定义文本,则需要将这些字符串添加到相应的语言文件中。要使用您的示例:

ed.addButton("related_btn", {
    title : "Add Related post shortcode",
    cmd : "related_command",
    icon: "custom-mce-icon",
});

文字Add Related post shortcode是"键"在语言文件中的键/值对中。然后在每个语言文件中定义正确的字符串。例如,西班牙语文件可能如下所示:

tinymce.addI18n('es',{
    "Add Related post shortcode":"Añadir código breve de publicación relacionado",
    "Ok": "Ok",
    "Cancel": "Cancelar",
    .
    .
    .
});

注意: Wordpress通过一些TinyMCE API以稍微不同的方式做到这一点。请查看wp-langs-en.js目录中名为<wordpress_root>/wp-includes/js/tinymce/langs的文件,以获取他们如何设置英语的示例。您可以根据需要对其他语言执行相同的操作。