 |
摘要 | 为 Discourse Composer 工具栏添加文本高亮按钮 |
 |
预览 | 视频演示 |
 |
代码库 | GitHub - denvergeeks/discourse-highlight-wrap-theme-component: A Text Highlighter Button for the Discourse Composer Toolbar |
 |
安装指南 | 如何安装主题或主题组件 |
 |
初次使用 Discourse 主题？ | Discourse 主题使用入门指南 |
安装此主题组件
该按钮看起来像一支荧光笔… 
它的用途非常具体且有限，即在编辑器工具栏中单击一个按钮来插入 <mark>this</mark>。
在设置中，您可以覆盖高亮（背景）颜色以及高亮部分的文本颜色。
非常感谢 @pfaffman、@merefield、@Lilly、@JammyDodger 和 @Canapin 的帮助！
太棒了。干得好 
这非常好。
.d-wrap 在哪里定义的？
在我的默认主题上显示为这种颜色……希望它像您视频中的荧光笔颜色一样，谢谢
看起来是您正在为该主题使用的调色板中的 --highlight-medium 颜色变量设置。
这是我的一个调色板的样子：
此组件正在使用高亮颜色的中等色调。如果您在管理设置（styleguide enabled 或 styleguide admin only）中启用了它，您可以在样式指南中看到确切的颜色。主题颜色的样式指南位于 /styleguide/atoms/colors。
也许可以提交一个 PR 或建议来覆盖高亮颜色。
是的，我在想，最好为此设置一个选项
正在添加设置……马上回来
使用 <mark>mark</mark> 是否更符合预期？我认为这会使用调色板中的“高亮”颜色。
<mark>mark</mark>
好的，我已将设置更改为默认使用 #ff8。
哈哈，我正准备给你提交一个拉取请求
太棒了，刚拉取下来，效果很好！
Perfect @Canapin，我会将其合并！
或者，如果有人想对它进行QPR（质量项目评审），请告诉我，因为我今天可能无法完成。
OK，现在使用了 @Canapin 的建议，使用了内置的 <mark> 和相应的 CSS 默认值。
另外，现在提供了设置来覆盖高亮器（背景）颜色和高亮部分中文本的颜色。这要归功于 @Lilly 的条件 CSS。
我正在尝试构建一个 JSON 颜色选择器，但它不起作用。我只得到一个带有保存按钮的空白弹出窗口。
也许我会看看是否可以通过某种方式实现一个 JavaScript 的。调色板和徽章界面具有 color-picker js 功能，但可能只适用于插件。
对我来说，这些设置不是覆盖。这些必须填写，否则它什么也不做。
而且……我使用的是默认主题，由于缺乏早晨的咖啡，我处于慢速模式——我没有检查这是否来自主题本身。
编辑：不，主题或配色方案不起任何作用。那么，它会遵循配色方案并成为覆盖，还是它是强制设置？
请尝试更新组件并刷新页面。我无法重现此错误。
它是否插入了 \u003cmark\u003e\u003c/mark\u003e 标签？
我先更新了，然后再尝试。不，它使用 wrap。所以我有点落后？
Discourse 上的颜色选择器 JSON 设置（在主题/组件中）确实不起作用。
我认为最好的做法是普遍使用 Discourse 颜色变量，而不是在主题或组件中选择任意颜色，因为这会根据用户选择的其他主题和颜色而无法很好地融合。
用户以前为编辑器制作了一个颜色选择器，但不确定代码是否已发布：
