我正在尝试创建一个为编辑器工具栏添加下划线的组件。
我能够让它工作，按钮标签也正常，但使用时会返回
[en.composer.underline_text]
而不是预期的
Example Text
我一直在纠结，但无法弄清楚原因，有人知道我遗漏了什么吗？
谢谢
api-setup.js
import { apiInitializer } from "discourse/lib/api";
import I18n from "I18n";
import { iconNode } from "discourse-common/lib/icon-library";
export default apiInitializer("0.11.1", (api) => {
const currentLocale = I18n.currentLocale();
I18n.translations[currentLocale].js.underline_button_title = settings.underline_button;
I18n.translations[currentLocale].js.underline_text = settings.underline_text;
api.onToolbarCreate((toolbar) => {
const buttons = [
{
id: "underline_button",
group: "fontStyles",
icon: "underline",
shortcut: "U",
title: "underline_button_title",
perform: (e) => e.applySurround("[u]", "[/u]", "underline_text"),
},
];
buttons.forEach((button) => toolbar.addButton(button));
});
api.decorateCookedElement(
async (elem, helper) => {
const id = helper ? `post_${helper.getModel().id}` : "composer";
applyHighlight(elem, id);
},
{ id: "wrap-mark" }
);
});
settings.yml
underline_button:
default: "Underline"
description:
en: Enter the text for the title of the button in the composer.
underline_text:
default: "Example Text"
description:
en: Enter the placeholder text that appears in the composer after the user clicks the button.
Svg_icons:
type: 'list'
list_type: 'compact'
default: 'underline'
description:
en: "Include FontAwesome 6 icon classes for each icon used in the list."
en.yml
en:
js:
underline_button_title: settings.underline_button
underline_text: settings.underline_text