TinyMCE - 外部工具栏位置

2024-04-20

我正在尝试与 TinyMCE 合作创建一个多文本框、点击编辑类型的图形内容编辑器。我已经使用 TinyMCE 来添加和删除它们、定位它们并调整它们的大小、单击以编辑它们等等 - 但有一件事困扰着我,那就是工具栏。

我有一个外部工具栏,我试图将其放置在页面的底部边缘,以及“保存并关闭”按钮和其他一些工具按钮。外部工具栏由 TinyMCE 在具有类的 DIV 中创建"mceExternalToolbar"。我尝试设置position: fixed and left: and top:页面样式表中的属性,但无济于事 - TinyMCE 设置position: absolute and top: -28px创建 DIV 时在该 DIV 上。

由于项目限制,我无法修改 TinyMCE 的源代码,但我可以用额外的 CSS 文件对其进行补充。

谁能指出正确的方向以正确定位工具栏?


提供的样式表中的 CSS 选择器将覆盖您正在编写的选择器。您需要做的是将工具栏元素定位为具有更高特异性的选择器:

body div.mceExternalToolbar {
    position: fixed ;
    top: -28px ;
};

或者使用!important指令来覆盖它:

.mceExternalToolbar {
    position: fixed !important ;
    top: -28px !important ;
}

有关选择器特异性和!important, see W3C 的文档 http://www.w3.org/TR/CSS21/cascade.html#specificity.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

TinyMCE - 外部工具栏位置 的相关文章

随机推荐

  • $(this) 在函数中不起作用

    以下代码从文件加载 html 内容 我使用这个线程 https stackoverflow com questions 168963 stop jquery load response from being cached
  • 删除所有 kubernetes 命名空间中所有 pod 的命令

    查看文档后 有一个 API 调用可以删除单个 pod 但是有没有办法删除all所有命名空间中的 Pod 没有命令可以完全按照您的要求进行操作 以下是一些势均力敌的比赛 运行任何这些命令之前请务必小心 如果您使用多个集群 请确保您连接到正确的
  • 如何使用 C# 在 Selenium WebDriver 中等待警报?

    我如何将 Selenium WebDriver 设置为在接受警报而不是 Thread Sleep 之前等待警报 作为网站 有时加载速度非常慢 有时加载速度很快 Thanks 您应该应用 webdriver 等待警报正确出现 var wait
  • azure 以编程方式设置环境变量以禁用 azure 功能

    我有一个 Azure API 和一个 Azure 函数 当某些逻辑传递到 API 时 我希望它禁用 Azure 功能 这个帖子 https stackoverflow com questions 36368786 programmatica
  • 如何检查 IP 是否位于这些子网之一

    我有大约 12600 个子网 例如 123 123 208 0 20 和一个IP 我可以使用 SQLite 数据库或数组或其他任何东西 大约一个月前有人问过一个类似的问题 但是我不是在寻找针对一个子网检查一个IP 而是针对一堆子网 显然是最
  • 我无法理解“找不到模块:错误:无法解析'fs''”

    有一点空闲时间 我尝试用我喜欢的新网络技术 Typescript Pug 和 React 重新设计我的一个旧项目 一切工作正常 直到我尝试将 pug js 添加到混合中babel plugin transform react pug 无论我
  • 在 xml 中存储 url 的正确方法?

    我将数据存储在 xml 文件中 在其中一个节点中 我必须存储一个由特殊字符 如 组成的 url 我使用 amp 而不是 并且 xml 显示没有错误 但是当我进行 SAX 解析时 节点内返回的字符串值是 之后的字符串 我猜我存储网址的方式不正
  • 在本地主机上的 laravel 中将 slack 连接到 botman

    这是我在 laravel 中的路线文件 我将任何 url 与调用闭包的 botman 相匹配 该闭包为 botman 注册一个 slack 驱动程序并监听消息 hello 在闲暇时我试图设置Request URL在使用此事件订阅下http
  • 查找或创建竞争条件

    我正在尝试使用 ActiveRecordfind or create by column 但我从 Postgres 收到错误 让我知道它有时无法找到模型 并尝试插入一个模型 保持这张表的独特性非常重要 所以我添加了一个 unique gt
  • LuaJIT FFI 回调性能

    The LuaJIT FFI 文档 http luajit org ext ffi semantics html提到从 C 调用回 Lua 代码相对较慢 建议尽可能避免使用 不要将回调用于性能敏感的工作 例如考虑一个数值积分例程 它需要用户
  • 在 Windows 上绘制主题组合框

    我尝试模仿主题不可编辑组合框的外观 CBS DROPDOWNLIST using DrawThemeBackground https msdn microsoft com library windows desktop bb773306 v
  • Spark结构化流:书写不正确

    我将抄表记录以 JSON 形式从 kafka 2 11 0 10 0 1 流式传输到 Spark 2 1 中 我改用结构化流媒体 尽管kafka消费者确认传入数据 但我控制台和writeStream不动 我正在测试使用 pyspark pa
  • Android 如何在 PreferenceScreen 中的长时间操作期间禁用复选框

    我从 xml 加载了这个 PreferenceScreen 问题是 当我切换复选框时 我会启动一个服务 需要 5 10 秒才能连接到服务器 我怎样才能在这段时间禁用该复选框 由于布局膨胀 我看不到如何获取 checkbox setEnabl
  • C 中的十六进制到字符数组

    Given a string of hex values i e e g 0011223344 so that s 0x00 0x11 etc 如何将这些值添加到 char 数组 相当于说 char array 4 0x00 0x11 您无
  • iOS:接到电话时显示提醒?

    我希望在接到电话时触发本地通知 并显示警报 这可能吗 通话事件可以启动应用程序或触发通知吗 Skype 是如何被解雇的 有推送通知吗 Thanks 当各种事件发生时 您的应用程序委托将接收对各种 UIApplicationDelegate
  • 如何更改故事板上视图控制器的大小以进行编辑?

    我有一个简单的问题 我花了无数的时间试图解决这个问题 如何更改 Xcode Storyboard 中视图控制器的大小以进行编辑 我有一个大的表格 调查问卷 我想放在我的视图控制器上 但我根本无法使用情节提要给我的当前大小 此外 提供的尺寸
  • Shutil.move IOError:[Errno 2] - 当处于循环中时[关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 如果我单独
  • 配置 sbt 项目以在“sbt run”中包含外部 Main 方法

    创建一个依赖于外部 jar 的 sbt 项目对我来说很常见 并且旨在使用外部 jar 中的 Main 方法运行 目前 我只是使用 run main xxx 运行它 但我更希望能够将 Main 方法包含在 sbt 提供的 run 选项列表中
  • Django Forms 视图中的自定义错误消息

    这是我的观点 if request method POST form TeacherRegister request POST Gets school object from email domain email form email va
  • TinyMCE - 外部工具栏位置

    我正在尝试与 TinyMCE 合作创建一个多文本框 点击编辑类型的图形内容编辑器 我已经使用 TinyMCE 来添加和删除它们 定位它们并调整它们的大小 单击以编辑它们等等 但有一件事困扰着我 那就是工具栏 我有一个外部工具栏 我试图将其放