Redactor: 粘性工具栏不起作用

创建于 2018-01-23  ·  26评论  ·  资料来源: craftcms/redactor

粘性工具栏不起作用,这使得管理大块内容几乎不可能,这些内容涉及必须向上滚动页面以应用格式或插入图像等。

最有用的评论

@brandonkelly我和其他人,比如@billythekid也注意到了 Craft 2 中的同样问题

所有26条评论

添加到此 - Redactor 配置文件中的 toolbarFixed 设置不起作用。 尽管我已经注意到(似乎是随机的)其中一个工具栏会锁定,并与编辑屏幕标题重叠(即使我滚动出 Redactor 字段,它仍然存在 - 单击工具栏中的任何内容都会让我回到那个 Redactor 字段):
redactor-bug

对于一些像我们展示的那样发布长文本进行编辑的客户来说,这是一个真正的痛苦。 特别是在编辑 redactor 配置时不会覆盖 Craft 的设置。 似乎 redactor 配置文件中的“覆盖”无法覆盖某些设置,而不是全部设置。

似乎在 Craft 2 和 3 中被破坏(通过 Slack 聊天),但我怀疑是 2.6.3004 中的增强使其无法使用。

嗨,大家好! 我遇到了同样的问题,可以通过 CSS 并在 admen 面板中连接一个可执行文件来进行临时修复。 以下是代码:

.redactor 层 {
z-index:101!重要;
边界顶部:0 !重要;
}
.input .redactor 工具栏 {
位置:粘性!重要;
边框底部:1px 实心 #e3e5e8 !important;
z-index: 102 !important;
背景:#fff !重要;
}

.elementselectormodal {
z-index:1052!重要;
}

image

@brandonkelly只是想检查一下这个问题是否会在 C2 和 C3 中得到解决。

@zizther这个问题只影响 Craft 3 中的。Craft 2 中的富文本字段支持粘性工具栏。

@brandonkelly我和其他人,比如@billythekid也注意到了 Craft 2 中的同样问题

刚刚注意到它确实有效,但仅限于移动断点。
它与 JS 相关,因为position:fixed被注入到元素上。

Yeh 也对我来说在 Craft 2 和 3 上都失败了。

很抱歉对一个已关闭的问题发表评论,但我仍然无法让 Redactor 固定工具栏在 Craft 3 中工作。

在这里你可以看到它没有坚持顶部: https :

在这里你可以看到我在我的两个配置文件中都将 toolbarFixed 设置为 true: https ://img.lukepeters.me/07202018fd0g0.png

@LukePeters您使用的是什么插件版本?

@andris-sevcenko Redactor 版本 2.1.2,通过插件商店安装。

@LukePeters是否可以访问您看到此内容的网站? 如果是这样,您能否通过电子邮件将其拍摄到[email protected]并参考此问题?

@LukePeters谢谢! 刚刚发布了 2.1.3 解决了这个问题!

@andris-sevcenko 粘性工具栏仍然对我不起作用。 我已经在最新版本的 Chrome、Firefox 和 Safari 中对此进行了测试。

恐怕我也是,使用 2.1.3。

@lukeyouell 2.1.3?

@mattandrews有机会访问您看到此内容的网站吗? 与上述相同的交易 - 拍摄访问[email protected]

恐怕我无法安排(公司政策等),但我只是在此处手动应用了修复程序中的更改,看起来它正在起作用!

@mattandrews它已在下一个版本(可能是 v2.1.4)中修复,即将推出。

仍然无法处理单列布局。

@KatieMFritz您使用的是什么 Craft 和

工艺专业版 3.3.13
编辑器 2.4.0

在craft Pro 3.3.15 和 Redactor 2.4.0 中体验到这一点。 用于矩阵字段。

编辑:除非实时预览打开,否则似乎可以工作,然后它不会。

我正在使用来自插件商店和“toolbarFixed”的最新工艺和最新编辑器:true 也不适合我:(

另外,我不确定是否相关,但单击链接时的“上下文”菜单也会显示在屏幕外,即必须向上滚动才能看到它,但是当您单击时,它看起来甚至没有任何反应链接(长内容相关)。

在我这边工作,但似乎只有当工具栏高于整个窗口时才会启动,而不仅仅是在粘性页面标题上方。

是的,我不知道为什么,但我只是通过使用 CP CSS 插件并覆盖工具栏的 css 来解决这个问题,以使其定位:粘性并在两个不同媒体查询的两个最高值之间跳转:

div.redactor-toolbar-wrapper {
    position: sticky !important;
    top: 60px !important;
    background: #fff;
    z-index: 11 !important;
}
<strong i="6">@media</strong> screen and (max-width: 975px) {
    div.redactor-toolbar-wrapper {
        top: 114px !important;
    }
}

@RickKukiela确保您运行的是最新版本的 Craft 和 Redactor。

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

davist11 picture davist11  ·  13评论

lindseydiloreto picture lindseydiloreto  ·  10评论

timoteh picture timoteh  ·  17评论

stenvdb picture stenvdb  ·  16评论

cstudios-slovakia picture cstudios-slovakia  ·  6评论