【问题标题】:Summernote : Move buttons in the toolbar to the right?Summernote:将工具栏中的按钮向右移动?
【发布时间】:2014-06-12 21:01:23
【问题描述】:

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

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

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

【问题讨论】:

  • 我已经添加了一个答案,但是没有代码很难看到你在做什么。
  • 我正在为我正在开发的应用程序使用 Summernote 编辑器。它现在正在工作。谢谢。

标签: javascript jquery html css 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,因此您必须更新配置文件以颠倒顺序。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-23
      • 2018-01-05
      • 1970-01-01
      • 2017-04-10
      • 1970-01-01
      • 2015-01-05
      • 2020-12-11
      • 1970-01-01
      相关资源
      最近更新 更多