如何在插件中创建自定义小操作?

我正在为我们的论坛开发一些特定领域的插件,我们希望能够创建类似以下这样的小型自定义操作:

具体来说,我只需要在主题中放置类似的提示信息,同时能够自定义图标和文本。

请问有人能指导我需要在后端和前端挂钩哪些结构、模块、模板等来实现这一功能吗?或者,您能否推荐一个已经实现此功能的现有插件?

谢谢!

discourse-assign 可能是这方面的最佳示例:

此外,还有一些用于添加图标/内容的代码:

https://github.com/discourse/discourse-assign/blob/master/assets/javascripts/discourse-assign/initializers/extend-for-assigns.js.es6#L158-L169

谢谢,这帮了大忙。

那么,如何让小型操作显示更丰富的文本呢?

当前效果:
image

我想要的是:(我是通过手动将 cooked 类插入到带有 small-action-desc 类的 div 中实现的)

image

我大致浏览了关于帖子转换器的源代码,但没找到与此相关的内容。


编辑:最后我直接添加了以下 .scss 代码:

.custom-message {
    ins {
        background-color: dark-light-choose(
            $success-low,
            scale-color($success, $lightness: -60%)
        );
    }
    del {
        background-color: dark-light-choose(
            $danger-low,
            scale-color($danger, $lightness: -60%)
        );
    }
}