仅当编辑器为具有1个工具栏的多个编辑器聚焦时,才显示TextAngular工具栏

Question

我有多个编辑器和一个工具栏.最初我只有一个编辑器,并根据工具栏中的一个按钮添加说第二和第三.工具栏位于第一个编辑器的顶部,添加的后续编辑器堆叠在另一个下面.

我遇到的问题是:

1. 当任何编辑器处于焦点时,如何显示工具栏？

2. 如何在编辑器顶部移动工具栏？

Answer 1

要修复问题1,添加一些自定义CSS像这样:

.ta-toolbar{
  display: none;
}
.ta-toolbar.focussed{
  display: block;
}

当焦点类的任何一个链接的编辑器被聚焦时,它将被添加到工具栏中.

解决问题2可能有点棘手,需要一些额外的工作.步骤是:

1. 注意关注任何编辑.
2. 发生这种情况时,将工具栏的位置更改为相对于当前编辑器 - 此时两者都将具有focussed该类(可能使用绝对定位).