在Gutenberg的摘录面板中更改标签文本

Question

Gutenberg块编辑器中的节选面板有标签文本“写一个节选(可选)”。

如何编辑这篇文章？具体来说，我想删除“(可选)”。

我试图用JS来锁定标签，但下面这两种方法都不起作用(只需在控制台中看到一个空集合)。如果我在控制台中运行document.getElementsByClassName('e1puf3u2')，我将返回label元素。

wp.domReady(() => {
  let labels = document.getElementsByClassName('e1puf3u2');
  console.log(labels);
});


document.addEventListener("DOMContentLoaded", function(event) {
  let labels = document.getElementsByClassName('e1puf3u2');
  console.log(labels);
});

Answer 1

该标签是一个可翻译的文本，它的翻译是使用wp.i18n.__()检索的，因此您可以像在PHP中通过gettext过滤器更改文本一样，除了在JS/Gutenberg中使用i18n.gettext之外。

工作实例：

// Define our filter callback.
function myPluginGettextFilter( translation, text, domain ) {
    if ( text === 'Write an excerpt (optional)' ) {
        return 'Write an excerpt';
    }

    return translation;
}

// Adding the filter
wp.hooks.addFilter(
    'i18n.gettext',
    'my-plugin/override-write-an-excerpt-label',
    myPluginGettextFilter
);

另一种不使用钩子更改文本的方法是使用wp.i18n.setLocaleData()，如下所示：

wp.i18n.setLocaleData({
    'Write an excerpt (optional)': [
        'Write an excerpt'
    ]
});
/* The format is:
wp.i18n.setLocaleData({
    '<original text>': [
        '<singular translation>',
        '<plural translation>'
    ]
});

// but just pass one translation (one array item) if there are no plural
// translation available, or if both singular and plural translations are
// identical
*/

并记住加载脚本的依赖项，即第一个示例的wp-hooks和第二个示例的wp-i18n。