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

开发
1

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

image
image782×103 8.5 KB

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

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

谢谢！

2

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

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

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

3

谢谢，这帮了大忙。

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

当前效果：
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%)
        );
    }
}