CKEditor 3:表格样式被覆盖

发布于 2024-11-01 00:09:03 字数 497 浏览 0 评论 0原文

我刚刚安装了CKEditor 3.0。除了编辑器的风格之外,一切都运行良好。因为在这个最新版本中,所见即所得按钮被放在网站上(而不是在框架中),所以我的样式表覆盖了 CK​​Editor 按钮。我的样式表包含以下内容:

.block table tr td,
.block table tr th {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    line-height: normal;
    text-align: left;
}

但由于 CKEditor 使用表格,它们变得非常混乱。该怎么办?

(这个问题类似于这个,但我不认为该页面上给出的答案是正确的答案毕竟,应该可以在不破解 CKEditor 的情况下解决这个问题)

I just installed CKEditor 3.0. Everything works fine, except the style of the editor. Because in this newest version the WYSIWYG buttons are put on the website (instead in a frame), my stylesheet overwrites the CKEditor buttons. My stylesheet contains te following:

.block table tr td,
.block table tr th {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    line-height: normal;
    text-align: left;
}

But since CKEditor uses tables, they get pretty messed up. What to do?

(This question is similar to this one, but I don't think the answer given on that page is the correct answer. After all, it should be possible to solve this problem without hacking in CKEditor)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

妖妓 2024-11-08 00:09:03

愚蠢的我。想出了一个简单的解决方案,只需将样式表更改为:

.block > table

以便该规则仅适用于第一个表。同样,这仍然不是正确的方法。所以仍然欢迎其他答案!

Silly me. Came up with an easy solution, just changing my stylesheet to:

.block > table

So that the rule only applies to the first table. Again, this is still not the correct way of doing this. So other answers are still welcome!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文