Summernote：将工具栏中的按钮向右移动？

Posted 2023-03-22

【中文标题】Summernote：将工具栏中的按钮向右移动？

【英文标题】：Summernote : Move buttons in the toolbar to the right?

【发布时间】：2014-06-12 21:01:23

【问题描述】：

summernote 工具栏中的按钮总是左对齐的。有没有办法可以将工具栏按钮的这种对齐方式更改为向右或居中？

默认位置是这样的： http://i.imgur.com/LmXGa1p.png

我想改变按钮的对齐方式，所以它们看起来像这样： http://i.imgur.com/R9NxbZG.png

【问题讨论】：

我已经添加了一个答案，但是没有代码很难看到你在做什么。

我正在为我正在开发的应用程序使用 Summernote 编辑器。它现在正在工作。谢谢。

【参考方案1】：

您可以使用以下命令将整个工具栏浮动到右侧：

float:right;

你可以用 CSS 做到这一点。

例如包含工具栏图标的 div 应该向右浮动。如果没有包含工具栏图标的 div，则将图标放在 div 中，如下所示。

HTML：

<div class="toolbar-container">
</div>

CSS：

.toolbar-container 
    float:right;

【参考方案2】：

您需要在工具栏内的所有btn-group 中添加一个float: right：

.note-toolbar > .btn-group 
    float: right ;

不幸的是，它会重新排序btn-group，因此您必须更新配置文件以颠倒顺序。