# Composer 高亮按钮

**URL:** https://meta.discourse.org/t/composer-highlighted-button/281705
**Category:** Theme component
**Created:** [2023年十月10日 05:10 UTC](https://meta.discourse.org/t/composer-highlighted-button/281705 "2023-10-10T05:10:07Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [2023年十月10日 05:10 UTC](https://meta.discourse.org/t/composer-highlighted-button/281705/1 "2023-10-10T05:10:07Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **摘要** | 在 Discourse 的编辑器中添加一个“高亮文本”按钮。将选定的文本包装在 HTML `\u003cmark\u003e\u003c/mark\u003e` 标签中。 |
| 👓 | **预览** | [discourse-composer-highlighted/README.md at main · denvergeeks/discourse-composer-highlighted · GitHub](https://github.com/denvergeeks/discourse-composer-highlighted/blob/main/README.md) |
| 🛠 | **仓库** | [GitHub - denvergeeks/discourse-composer-highlighted](https://github.com/denvergeeks/discourse-composer-highlighted) |
| ❓ | **安装指南** | [如何安装主题或主题组件](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **不熟悉 Discourse 主题？** | [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

安装此主题组件

# Discourse 的编辑器高亮按钮

在 Discourse 的编辑器中添加一个“高亮文本”按钮。将选定的文本包装在 HTML `\u003cmark\u003e\u003c/mark\u003e` 标签中。

 ![discourse-deleted-inserted-highlighted-buttons-demo](https://global.discourse-cdn.com/meta/original/4X/5/f/4/5f4a1029bcc3a9b1f1df1b76c362c3a9c92ed243.png)

另请参阅

> [@Composer Inserted and Deleted Text Formatting Buttons](https://meta.discourse.org/t/composer-inserted-and-deleted-text-formatting-buttons/281719):
>
> information_sourceSummary Adds an Inserted Text button and a Deleted Text button to the composer in Discourse. Wraps the selected text in HTML \<ins\>\</ins\> and \<del\>\</del\> tags.eyeglassesPreview [discourse-composer-inserted-deleted/README.md at main · denvergeeks/discourse-composer-inserted-deleted · GitHub](https://github.com/denvergeeks/discourse-composer-inserted-deleted/blob/main/README.md)hammer_and_wrenchRepository [GitHub - denvergeeks/discourse-composer-inserted-deleted](https://github.com/denvergeeks/discourse-composer-inserted-deleted)questionInstall Guide [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_bookN…

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2023年十月10日 07:46 UTC](https://meta.discourse.org/t/composer-highlighted-button/281705/2 "2023-10-10T07:46:43Z")

</div>

干得好！

但是主题组件的范围是不是有点……太多了……因为差异很小？

为什么不只设置一个主题组件，用设置来控制可用内容？

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [2023年十月10日 07:54 UTC](https://meta.discourse.org/t/composer-highlighted-button/281705/3 "2023-10-10T07:54:56Z")

</div>

是的，我同意。您认为我应该将“高亮”按钮与“插入”和“删除”合并吗？

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2023年十月10日 08:39 UTC](https://meta.discourse.org/t/composer-highlighted-button/281705/4 "2023-10-10T08:39:55Z")

</div>

我会这样做，然后让人们决定他们想要公开哪些功能？

通过这种方法，您还可以随着时间的推移添加更多功能（如果它们性质相似）。

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [2023年十月10日 09:05 UTC](https://meta.discourse.org/t/composer-highlighted-button/281705/5 "2023-10-10T09:05:32Z")

</div>

我更喜欢一个组件，我可以向其中添加更多按钮，每个按钮在设置中都有自己的开关。

目前，我可以添加设置以选择将按钮放在现有下拉菜单中，但这似乎也很尴尬。

IMO，一个按钮（单击时或可选地在悬停时）弹出按钮行，比下拉菜单更可取。

---

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [2025年七月8日 08:57 UTC](https://meta.discourse.org/t/composer-highlighted-button/281705/6 "2025-07-08T08:57:41Z")

</div>

此主题组件在 3.5.0.beta8-dev 上已损坏

```plaintext
未捕获 (在 promise 中) TypeError: i.getModel() is undefined
    default api-setup.js:53
    eZ plugin-api.gjs:232
    Ember 2
    _decorateCookedElement composer-editor.gjs:546
    previewUpdated composer-editor.gjs:937
    18150 decorated-html.gjs:28
    Z Ember
    18150 decorated-html.gjs:28
    compute helper-fn.js:41
    Ember 74
    _triggerAction d-button.gjs:135
    click d-button.gjs:93

```

---

<div class="post-metadata">

### Author: ![philh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/philh/32/532740_2.png) [@philh](https://meta.discourse.org/u/philh)
#### Post date: [2025年十月21日 18:00 UTC](https://meta.discourse.org/t/composer-highlighted-button/281705/7 "2025-10-21T18:00:18Z")

</div>

感谢主题组件！它对于一次性突出显示多个段落非常有用，而不是为每个文本字符串使用 BBCode。

突出显示文本时存在一个小问题。最后一部分文本被“剪辑”了。

 ![Screenshot 2025-10-21 105542](https://global.discourse-cdn.com/meta/original/4X/5/b/6/5b60549903763bdd85e1e2604e88728d86370b36.png)

 ![Screenshot 2025-10-21 105739](https://global.discourse-cdn.com/meta/original/4X/a/2/6/a269a2105f257d737227f5fdae0e6eb253321dc0.png)
