首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >针对不同post类型的TinyMCE自定义样式表

针对不同post类型的TinyMCE自定义样式表
EN

WordPress Development用户
提问于 2012-06-25 03:09:46
回答 1查看 341关注 0票数 3

我为TinyMCE使用自定义样式表,方法是在主题目录中的editor-style.css中放置自定义样式。

我试图找出如何使用不同的样式表,具体取决于我们正在编辑的post类型。

在TinyMCE中获取不同样式的一种方法是在TinyMCE的<body>标记中切换一个类。我在“纽约时报”的冰编辑器插件中看到了这一点,这是Microsoft的“跟踪更改”功能的javascript版本,可以与TinyMCE一起使用。这就是它如何在不改变文章的HTML的情况下切换编辑的可见性。下面是一个完整的例子:

代码语言:javascript
复制
var toggleBodyClass = function() {

    var ed = tinyMCE.activeEditor;
    var body = ed.getBody()
    var cm = ed.controlManager;

    if(ed.dom.hasClass(body,'code-view')) {
        ed.dom.removeClass(body, 'myCustomClass');
    } else {
        ed.dom.addClass(body, 'myCustomClass');
    }

    ed.execCommand('mceRepaint');
}

这不允许我使用单独的样式表本身,但我可以使用.myCustomClass创建editor-style.css中我想要的所有替代样式。

问题是,我不知道我怎么能设置这样的东西来满足post类型的条件。

为了实现这一点,我可以在functions.php中添加一些东西吗?

EN

回答 1

WordPress Development用户

发布于 2012-06-25 04:45:06

从3.4开始,一些类已经添加到TinyMCE中,因此您可以将它们作为目标,包括定制post类型。因此,例如,您将看到post-type-{$slug}作为主体上的一个类。有关详细信息,请参阅电车票#19437

票数 2
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/56428

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档