# 格式工具栏

**URL:** https://meta.discourse.org/t/formatting-toolbar/40649
**Category:** Plugin
**Created:** [2016 年3 月 6 日 12:39 UTC](https://meta.discourse.org/t/formatting-toolbar/40649 "2016-03-06T12:39:23Z")
**Posts on this page:** 20
**Page:** 7

<div class="post-metadata">

### 作者： ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2019 年9 月 29 日 10:16 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/128 "2019-09-29T10:16:40Z")

</div>

按钮是否显示在编辑器中？

在我的论坛中，插件页面显示该插件已停用，但一切功能均正常运行。

---

<div class="post-metadata">

### 作者： ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)
#### 发布日期： [2019 年9 月 29 日 13:24 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/129 "2019-09-29T13:24:53Z")

</div>

不，什么都没有，看来工具栏不起作用。

---

<div class="post-metadata">

### 作者： ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### 发布日期： [2019 年9 月 29 日 21:34 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/130 "2019-09-29T21:34:01Z")

</div>

在网页浏览器中执行硬刷新后，它会出现吗？

---

<div class="post-metadata">

### 作者： ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2019 年9 月 29 日 23:08 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/131 "2019-09-29T23:08:41Z")

</div>

如果不敏感的话，能否通过私信分享您论坛的链接？

我不太明白是什么导致了这个问题：思考

---

<div class="post-metadata">

### 作者： ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)
#### 发布日期： [2019 年9 月 30 日 03:30 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/132 "2019-09-30T03:30:18Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/0/7/0797d465824633919aa079efbfe19f8cbf5e59c0.png)

抱歉，似乎只有颜色按钮无法使用，我仍然可以看到右对齐、居中对齐等选项。

但是现在没有颜色按钮了。

---

<div class="post-metadata">

### 作者： ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2019 年9 月 30 日 12:44 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/133 "2019-09-30T12:44:48Z")

</div>

“两端对齐”按钮也不见了。能否尝试禁用“左浮动”、“居中”和“右对齐”按钮，看看“两端对齐”和“颜色”选项是否会出现？

---

<div class="post-metadata">

### 作者： ![kiwikid](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kiwikid/32/129688_2.png) [@kiwikid](https://meta.discourse.org/u/kiwikid)
#### 发布日期： [2019 年11 月 6 日 01:13 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/134 "2019-11-06T01:13:19Z")

</div>

你好 @Steven，我刚安装了此插件，在 Safari 浏览器中重新加载后，没有看到工具栏的任何部分。

就在我写这条消息时，我决定换用另一个不常用于论坛的浏览器（Firefox，没有特别原因，只是平时不用它）。神奇的是，所有功能都正常了。我编辑了一篇文章，然后回到 Safari。我刚编辑的那篇文章没有浮动工具栏。再次刷新后，它出现了……随后 Safari 的编辑器中也显示了工具栏（！）。

我之前在 Safari 中刷新了多个页面，但都没有解决问题。我猜我应该强制清除 Safari 针对该论坛的所有缓存——显然有些内容在 Safari 中未能正确加载。

---

<div class="post-metadata">

### 作者： ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2019 年11 月 6 日 22:08 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/135 "2019-11-06T22:08:55Z")

</div>

感谢您的留言

插件确实出问题了，但奇怪的是它居然还能在您那里勉强运行。我匆忙进行了修复。请告诉我现在在所有浏览器上是否都能正常工作。

* * *

**致所有人**

我在选择哪些 bbcode 显示在工具栏的选项上遇到了一些问题。目前我比较忙，所以暂时删除了这些选项。插件已修复，但即使您之前选择隐藏某些按钮，它们现在也会全部显示在工具栏上。

在我有时间彻底修复之前，大家可以通过添加一些 CSS 代码来隐藏按钮。请在管理面板的“自定义”部分找到 CSS 设置区域，并添加以下代码：

通用：在桌面和移动设备上隐藏按钮  
桌面：仅在桌面设备上隐藏按钮  
移动：仅在移动设备上隐藏按钮

```css
/* 
格式化工具栏临时修复方案
使用以下部分代码来隐藏
工具栏中对应的按钮
*/

/* 下划线按钮 */
.d-editor-button-bar .underline_ui_button {
    display: none;
}

/* 图片按钮 */
.d-editor-button-bar .addimg_ui_button {
    display: none;
}

/* 左浮动按钮 */
.d-editor-button-bar .floatl_ui_button {
    display: none;
}

/* 左对齐按钮 */
.d-editor-button-bar .left_ui_button {
    display: none;
}

/* 居中对齐按钮 */
.d-editor-button-bar .center_ui_button {
    display: none;
}

/* 右对齐按钮 */
.d-editor-button-bar .right_ui_button {
    display: none;
}

/* 两端对齐按钮 */
.d-editor-button-bar .justify_ui_button {
    display: none;
}

/* 颜色按钮 */
.d-editor-button-bar .color_ui_button {
    display: none;
}

/* 字号按钮 */
.d-editor-button-bar .size_ui_button {
    display: none;
}

```

给大家带来的不便深表歉意，我会尽快找到解决方案：raised\_hands

---

<div class="post-metadata">

### 作者： ![orchardstreet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/orchardstreet/32/149531_2.png) [@orchardstreet](https://meta.discourse.org/u/orchardstreet)
#### 发布日期： [2019 年11 月 11 日 15:39 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/136 "2019-11-11T15:39:51Z")

</div>

这个插件根本无法与 [Daemonite Material Theme](https://meta.discourse.org/t/daemonite-material-theme/64521) 配合使用。

所以这可能甚至不是这个插件的问题，但我不得不停止使用它。

希望 Discourse 能将文本大小和颜色功能集成到核心中。用户如果不使用 BBcode，该如何创建标题呢？

---

<div class="post-metadata">

### 作者： ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### 发布日期： [2019 年11 月 11 日 18:44 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/137 "2019-11-11T18:44:13Z")

</div>

> [@orchardstreet](#):
>
> 用户如果不使用 BBcode，该如何创建标题？

这可以通过 Markdown 实现。请查看 [https://commonmark.org/help/tutorial/04-headings.html。整个教程都值得阅读一遍。](https://commonmark.org/help/tutorial/04-headings.html%E3%80%82%E6%95%B4%E4%B8%AA%E6%95%99%E7%A8%8B%E9%83%BD%E5%80%BC%E5%BE%97%E9%98%85%E8%AF%BB%E4%B8%80%E9%81%8D%E3%80%82)

---

<div class="post-metadata">

### 作者： ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2019 年11 月 11 日 22:22 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/138 "2019-11-11T22:22:41Z")

</div>

> [@orchardstreet](#):
>
> 这个插件无法与 [Daemonite Material Theme](https://meta.discourse.org/t/daemonite-material-theme/64521) 配合使用。
> 
> 所以这可能甚至不是该插件的错，但我不得不停止使用它。

我刚刚测试了，确实是该主题导致插件失效；

你可以编辑该主题，删除 `<head>` 部分的内容，但这可能会破坏主题的一些功能。

看来该主题是基于管理 Font Awesome 图标的旧方式构建的，这可能会与任何使用这些图标的插件或主题组件发生冲突。

---

<div class="post-metadata">

### 作者： ![xiasummer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xiasummer/32/82790_2.png) [@xiasummer](https://meta.discourse.org/u/xiasummer)
#### 发布日期： [2019 年11 月 23 日 14:44 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/139 "2019-11-23T14:44:19Z")

</div>

看来工具栏设置不见了。  
我找不到这个

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/0/c0c54a94fd4daf29cbe9dca2e2ede33bd8d53c5e.png)

我现在只看到

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/7/27e1871fb89f90521d7b115ced53c62dc234a9f7.png)

而且现在的工具栏太长了。我不需要这么多工具。

* * *

您看，工具栏通常都太长了，我们能否简单地将工具折叠到“选项”中，以保持编辑窗口和预览区域的宽度相等？

---

<div class="post-metadata">

### 作者： ![MarcP](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/marcp/32/160184_2.png) [@MarcP](https://meta.discourse.org/u/MarcP)
#### 发布日期： [2019 年11 月 23 日 17:33 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/140 "2019-11-23T17:33:00Z")

</div>

> [@xiasummer](#):
>
> 看起来工具栏设置已经不见了。

请查看您上方的 5 条帖子。

> [@Steven](#):
>
> **致所有人**
> 
> 我在选择哪些 bbcode 显示在工具栏的选项上遇到了一些问题。目前我比较忙，所以暂时删除了这些选项。插件已修复，但即使您之前决定隐藏某些按钮，所有按钮现在都会显示在工具栏上。

---

<div class="post-metadata">

### 作者： ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2019 年11 月 23 日 23:11 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/141 "2019-11-23T23:11:39Z")

</div>

对此我深感抱歉，最近的 Discourse 升级导致这些选项失效，而我在插件中尚未找到解决方案。因此，目前建议使用 CSS 来隐藏按钮。

展开此帖子即可查看需要使用的 CSS 代码。您可以选择在桌面端、移动端或两者上隐藏按钮。

> [@Formatting toolbar](https://meta.discourse.org/t/formatting-toolbar/40649/135):
>
> Thanks for your message The plugin was broken, but it’s weird it kinda worked for you, I fixed it in a hurry. Let me know if everything works fine now, on all browsers To everyone I had some issue with the options where we choose which bbcode appear in the toolbar. I’m quite busy at the moment so I had to delete these options for now, the plugin is fixed but every button will be on the toolbar even though you decided to hide them before. Until I have time to fix everything properly, everyon…

---

<div class="post-metadata">

### 作者： ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)
#### 发布日期： [2020 年2 月 9 日 09:04 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/142 "2020-02-09T09:04:10Z")

</div>

我已按照所有说明操作，但添加工具栏选项仍未在我的网站上显示。

 ![image](https://global.discourse-cdn.com/meta/original/3X/6/a/6ab4d7adc0c27333c6509aaf4d0a3efe695c8478.png)

我重新进入 nano 编辑器仔细检查，确认所有输入均正确无误。我再次“重建”了应用，回到论坛后，工具栏选项仍然没有出现。

我已检查设置，确认工具栏已启用，确实如此。

目前，我不知道该如何排查或找出为何它未对我显示。

我甚至尝试卸载，然后安装“[ProCourse Installer](https://meta.discourse.org/t/procourse-installer-installing-removing-plugins-via-the-ui/115476)”，该工具允许通过 UI 安装/卸载插件。它显示我已安装了格式化工具栏…

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/5/4518d0d4f57779973d218f7501ab0fe74e53ff87.png)

但我仍未看到编辑器有任何更新。

另一点说明：我之前在编辑器中有一个草稿帖子。之后我删除了草稿并尝试刷新、更换不同浏览器等，无论我尝试什么方法，始终无法让此格式化工具栏中的功能显示出来。😞

有什么建议吗？

---

<div class="post-metadata">

### 作者： ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2020 年2 月 9 日 15:55 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/143 "2020-02-09T15:55:04Z")

</div>

我不知道发生了什么，我在 GitHub 上搞砸了一些事情，我推送了一个升级！

对此表示歉意，并感谢您的报告！

---

<div class="post-metadata">

### 作者： ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)
#### 发布日期： [2020 年2 月 9 日 19:11 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/144 "2020-02-09T19:11:52Z")

</div>

感谢 @Steven 的快速回复！

我卸载了该插件，然后通过 ProCourse 插件安装程序重新添加。但这并没有任何改变。我仍然看不到新的按钮选项。但随后我打开了 Chrome 的开发者工具…

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/8/c8346cb520057a116588dae997cf733b41ca5f62.jpeg)

接着我进入“应用”\>“清除存储”，然后点击“清除站点数据”选项…

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/c/dc86e9413709700d5410a5c8a70a7cc7f19e7013.png)

现在我的工具栏已经正常工作，并显示了所有新增内容！

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/3X/b/d/bd78f4ab5936681bdb3fd8015a913c53c8e0eda0.png)

再次感谢！！

**注意** ：我在卸载插件之前并没有尝试清除站点数据，所以也许仅仅清除站点数据就能解决问题 ¯\_(ツ)\_/¯

---

<div class="post-metadata">

### 作者： ![Boost](https://avatars.discourse-cdn.com/v4/letter/b/8e8cbc/32.png) [@Boost](https://meta.discourse.org/u/Boost)
#### 发布日期： [2020 年2 月 14 日 07:46 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/145 "2020-02-14T07:46:53Z")

</div>

几天前，我在重建后也遇到了插件被禁用的问题。现在重新重建解决了这个问题。

---

<div class="post-metadata">

### 作者： ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### 发布日期： [2020 年2 月 14 日 20:16 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/146 "2020-02-14T20:16:30Z")

</div>

是的，我不知怎么又回到了插件的旧版本。我不确定我对语言文件做了什么，但以后我会更加小心。奇怪的是，它已经损坏了一个半月，直到那时才有人发现 🙊

---

<div class="post-metadata">

### 作者： ![jord8on](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jord8on/32/166809_2.png) [@jord8on](https://meta.discourse.org/u/jord8on)
#### 发布日期： [2020 年3 月 4 日 15:01 UTC](https://meta.discourse.org/t/formatting-toolbar/40649/147 "2020-03-04T15:01:45Z")

</div>

@Steven，

大多数时候，当我们使用 float 功能时，都是将图片向右浮动。

是否可以通过 ![image](https://global.discourse-cdn.com/meta/original/3X/d/d/dd8ce39beaeb0fdb45d899e21f0b7b408e2556d0.png) 浮动按钮来切换右浮动或左浮动？

是否可以将 `floatr` 设置为使用浮动按钮时的默认函数，而不是 `floatl`？

这里还有一个建议：如果您在点击浮动按钮时按住 Ctrl 键、Shift 键或 Command 键等，是否可以切换到与默认值相反的浮动方向？

- 例如：当前默认值为“floatl”（向左浮动）。想象一下，如果您在点击浮动按钮时按住键盘上的功能键，就可以切换到与默认浮动相反的方向（在这种情况下就是“floatr”）。仅供参考！

[上一页](https://meta.discourse.org/t/formatting-toolbar/40649.md?page=6)

[下一页](https://meta.discourse.org/t/formatting-toolbar/40649.md?page=8)
