---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年三月24日 11:58 UTC](https://meta.discourse.org/t/how-to-add-a-super-basic-topic-custom-field/184229/4 "2021-03-24T11:58:55Z")
谢谢大家——我会看看这些。我在原帖中提到，我已经查看了很多其他示例。对于我提供的代码，大家有什么看法吗？
---
### Author:  [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [2021年三月24日 12:01 UTC](https://meta.discourse.org/t/how-to-add-a-super-basic-topic-custom-field/184229/5 "2021-03-24T12:01:56Z")
抱歉。我没发现任何（在我看来）明显的问题。虽然我越来越擅长插件开发，但我常觉得自己懂得刚好够危险。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年三月24日 12:12 UTC](https://meta.discourse.org/t/how-to-add-a-super-basic-topic-custom-field/184229/6 "2021-03-24T12:12:11Z")
> [@JQ331](#):
>
> 对我提供的代码有什么看法吗？
如果你能接受“Discourse 的做法”，即：在主题元数据区域编辑数据，并且仅在点击铅笔图标时才进行更新，那么当前的方案可能过于复杂了。
你只需要渲染一个正确连接的输入框，并确保将该值序列化到主题视图中即可。
PostRevisor 代码会自动完成更新自定义字段的魔法操作。
参考 Locations 插件的示例。甚至那个示例都比你实际需要的更复杂。
记得同时运行 Locations 插件，看看效果如何。
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年三月24日 12:16 UTC](https://meta.discourse.org/t/how-to-add-a-super-basic-topic-custom-field/184229/7 "2021-03-24T12:16:40Z")
这是另一个示例，输入场景略有不同，但依然利用了相同的机制和钩子：
[https://github.com/paviliondev/discourse-topic-previews/blob/master/assets/javascripts/discourse/connectors/edit-topic/select-thumbnail-connector.hbs](https://github.com/paviliondev/discourse-topic-previews/blob/master/assets/javascripts/discourse/connectors/edit-topic/select-thumbnail-connector.hbs)
>
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年三月24日 14:32 UTC](https://meta.discourse.org/t/how-to-add-a-super-basic-topic-custom-field/184229/8 "2021-03-24T14:32:22Z")
谢谢。我不熟悉 `PostRevisor`，正在查看中。
> [@merefield](#):
>
> 编辑主题元数据区域中的数据
不太清楚您所说的“主题元数据区域”具体指什么。您是指某个文件吗？（就用户界面而言，我知道有用于创建的编辑器，其中包含 d-editor，此外还有主题视图本身。不确定其中的“元数据”区域在哪里。）
---
### Author:  [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2021年三月24日 14:43 UTC](https://meta.discourse.org/t/how-to-add-a-super-basic-topic-custom-field/184229/9 "2021-03-24T14:43:43Z")
我认为分类和标签信息属于元数据。
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年三月24日 20:31 UTC](https://meta.discourse.org/t/how-to-add-a-super-basic-topic-custom-field/184229/10 "2021-03-24T20:31:03Z")
这是一个当前可用的创建主题自定义字段并设置它的基本示例。当用户在主题查看页面点击特定按钮时，会设置该字段。
我注意到，在那些包含主题自定义字段的插件中，plugin.rb 中有一个常见用法：使用 PostRevisor（例如 `PostRevisor.track_topic_field`）以及 `DiscourseEvent.on(:topic_created) do |topic|...`。这些方法可能允许在无需点击按钮的情况下设置自定义字段——例如在主题创建时直接设置。不过我目前尚未完全弄清楚如何实现这一点。
[编辑：如果有人愿意提供 plugin.rb 中的代码示例，以便在创建主题时直接添加自定义字段值（而不是依赖需要点击的独立按钮），请随时提出！:]
因此，下面是一个无需那些高级功能即可运行的基本示例：
# plugin.rb
```plaintext
Topic.register_custom_field_type('sample_field', :string)
add_to_class(:topic, :sample_field) { self.custom_fields['sample_field'] } ## 可能并非必需，参考 discourse-locations 插件 plugin.rb 第 83 行
add_to_serializer(:topic_view, :sample_field, false) { object.topic.sample_field } ## 可能仅在需要向用户展示自定义字段结果时才必需
```
# connector/[add-button].hbs
// 示例：此处 connector 为 topic-above-post-stream，它通过插件出口传递一个模型（topic）
```plaintext
点击此处
```
# connector/[add-button].js.es6
```plaintext
import Topic from 'discourse/models/topic'; // 可能并非必需
export default {
actions: {
setThatTopic(model){
model.set('custom_fields.sample_field', 'newValue123')
console.log('测试自定义字段是否存在 = ' + JSON.stringify(model.custom_fields))
}
}
}
```
# assets/javascripts/initializers/topic-custom-field.js.es6
// 这可能并非必需。但其思路是初始化 custom\_fields 对象，使其能够发送至服务器：
```plaintext
import { withPluginApi } from 'discourse/lib/plugin-api';
export default {
name: 'topic-custom-field',
initialize() {
withPluginApi('0.8.31', api => {
api.modifyClass('model:topic', {
custom_fields: {},
asJSON() {
return Object.assign(this._super(), {
custom_fields: this.custom_fields
});
}
})
})
}
}
```
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [2021年三月26日 07:54 UTC](https://meta.discourse.org/t/how-to-add-a-super-basic-topic-custom-field/184229/11 "2021-03-26T07:54:57Z")
我刚刚发布了一个“教育插件”，演示了如何实现这一功能。
> [@How to add custom fields to models](https://meta.discourse.org/t/how-to-add-a-custom-field-to-a-topic/184485):
>
> This is a collection of education plugins that demonstrate how to add a custom field to different models in Discourse. They are intended as learning tools for those looking to learn how to build discourse plugins. [[GitHub-Mark] How to add a custom field to a topic](https://github.com/pavilionedu/discourse-topic-custom-fields)[[GitHub-Mark] How to add a custom field to a category](https://github.com/pavilionedu/discourse-category-custom-fields)Who they’re for These plugins are for people looking to learn more about creating Discourse plugins. Before you start working with these plugins, you should complete the [beginner…](https://meta.discourse.org/t/beginners-guide-to-creating-discourse-plugins/30515)
---
### Author:  [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [2021年三月26日 11:40 UTC](https://meta.discourse.org/t/how-to-add-a-super-basic-topic-custom-field/184229/12 "2021-03-26T11:40:02Z")
感谢 @angus。这非常有帮助，正是让使用 Discourse 进行编码变得更简单的那类内容。我个人非常希望看到更多此类资源——针对 Discourse 的各种任务，提供直击要点、精简实用的代码示例，一次实现一个功能。例如，为分类和群组添加自定义字段等。这类资源能极大节省时间。