css - 将 CSS 样式添加到 WordPress 编辑器

标签 css wordpress user-interface tinymce

我目前正在使用 TinyMCE Styleselect 菜单将 CSS 类添加到 WordPress 编辑器中。到目前为止,这对我来说效果很好,如果你只有几个你想使用的类,那就太好了。然而,当我添加了更多类时,样式选择下拉列表变得有点不友好,因为您必须滚动浏览选项,这也可以使页面滚动。

我要实现的解决方案涉及 tinymce 工具栏中的一个按钮,单击该按钮将打开一个弹出窗口,您可以从中选择一个类以应用于编辑器中的选定文本。

我知道如何将自定义按钮添加到 tinymce 并创建弹出窗口,但我如何让添加类的按钮真正将类应用于选择?

如果有人对我需要用来执行此操作的代码有任何想法,或者有详细说明上述内容的教程,那就太好了。

最佳答案

我不完全确定这是正确的,但我认为如果您想超越通过 WordPress 提供的 Hook 自定义 TinyMCE,您将必须通过 TinyMCE 本身。因此,这可能更像是一个 TinyMCE 问题,而不是一个 WordPress 问题。我建议你查看 TinyMCE plugin documentation .

但是,一旦您准备好插件,让 WordPress 加载它可能会出现一些问题。我绝对会尽量避免像 TinyMCE 的其余部分那样手动将它放在 wp-includes 中,但看起来 WordPress 确实提供了一种 loading external plugins 的方式。 .

关于css - 将 CSS 样式添加到 WordPress 编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9196880/

相关文章:

php - 学习按分类显示帖子?

c - 如何为我的 Gtk+ 应用程序设置默认主题?

ios - Accordion 风格菜单 ios

objective-c - 后台托管对象上下文交错 UI 动画

html - JavaScript 中的 CSS webkit-image-mask 替代方案?

html - 我如何在CSS中继承 child 的属性(property)?

javascript - 将所有 className 类作为 Prop 放在 react 中是个好主意吗?

php - 在 Wordpress Admin 中启用和禁用自定义用户功能

html - 位于内容下的 Wordpress 侧边栏 - CSS

php - 如何在完整日历中的同一单元格中提供多种颜色?