ウィジェットを返す:
api.decorateWidget に独自のカスタムウィジェットを返すことができます。これにより、属性、状態、アクションなどの適用に関して、より多くの制御が可能になります。
次のように実行できます。
api.decorateWidget('menu-links:before', helper => {
return helper.widget.attach("custom-menu-links");
});
次に、javascripts/discourse/widgets/custom-menu-links.js の中で、createWidget ヘルパーを使用してウィジェットを作成します。
import { createWidget } from 'discourse/widgets/widget';
createWidget('custom-menu-links', {
...
});
ウィジェットの仮想DOMコードがDiscourseでどのように機能するかについてのツアーについては、こちらのトピックをご覧ください。
ドロップダウンヘッダーテーマコンポーネントでウィジェットをかなり使用しました。 コードの一部 が役立つかもしれません。
target=“_blank” を追加する
属性オブジェクトに追加します。
return helper.h('a.google',
{
attributes: {
href: "https://google.com",
target: "_blank",
title: "Google"
},
}
...
);