我的 CSS 代码在 TinyMCE 中没有正确读取
Posted
技术标签:
【中文标题】我的 CSS 代码在 TinyMCE 中没有正确读取【英文标题】：My CSS code is not reading in TinyMCE correctly 【发布时间】：2012-08-20 12:26:26 【问题描述】：几个月前，我发布了一个关于如何在将鼠标悬停在图像上时显示标题的问题。
这是线程：
Don't understand how to show the caption when hovering image
问题是当我使用 TinyMce 编辑标题时，它不会显示标题悬停。相反，它不显示任何标题，它只是悬停。
这是编辑端（我缩短了它）：
<script language="javascript" type="text/javascript">//<![CDATA[
tinyMCE.init(
// General options
mode: "textareas",
elements : "ajaxfilemanager",
theme : "advanced",
);
//]]</script>
这是输出：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<style>
#caption display: none;font:12px Times New Roman;
img:hover + #caption position: absolute; display: block;
.caption display:none; text-decoration: none; font:12px Times New Roman;
.image-with-caption:hover .caption display: block; text-decoration: none;
a:hover text-decoration: none;
</style>
<table >
<tr>
<td>
<?php echo(stripslashes($_POST['content'])); ?>
</td>
</tr>
</table>
</body>
</html>
这是我将代码复制并粘贴到 TinyMCE 中的输入：
<table >
<tr>
<td>
<div class="image-with-caption">
<a href="images/artistc.php">
<img src="images/imagec08.jpg" style="width:209px" />
<p id="caption">Caption 3</p>
</a>
</div>
</td>
<td>
<div class="image-with-caption">
<a href="images/artistb.php">
<img src="images/imageb12.jpg" style="width:195px" />
<p id="caption">Caption 5</p>
</a>
</div>
</td>
<td>
<div class="image-with-caption">
<a href="images/artista.php">
<img src="images/imagea02.jpg" style="width:260px" />
<p id="caption">Caption 4</p>
</a>
</div>
</td>
</tr>
</table>
任何建议和意见将不胜感激。我只是想知道为什么它不显示标题。
【问题讨论】：
【参考方案1】：我不完全理解您的问题，但我看到您有多个具有相同 ID 的标签。这是不允许的。也许如果你解决了这个问题，它有助于解决问题。您应该将id="caption" 替换为class="caption"（或其他任何内容），然后修改您的css，将#caption 替换为.caption
【讨论】：
感谢您的回复！我会根据你的建议做一些调整。谢谢 我做了一些调整，效果很好！你能告诉我为什么 TinyMce 不能读取 'id' 吗？ TinyMce 读取的是“类”而不是“id”，但 css 代码的工作方式与原始代码不同。是不是因为从 'id' 到 'class' 的变化，所以它会发生一点变化。变化是标题悬停在图像之外，这意味着如果我的光标不在图像附近，它仍然显示标题。在此之前，我只是悬停图像并显示标题。有什么建议？这个问题差不多解决了。我怕没人能回答这个问题！非常感谢您帮助我。 @LightM1，我完全不懂你，你能把你的新代码贴在 jsfiddle.net 上让我帮你吗？？ 我认为我不能将 tinymce 放入 jsfiddle.net。我认为这与将“id”替换为“class”有关 你能至少在这里发布你的新代码吗？我现在瞎了。我猜你忘了用“.caption”替换一些“#caption”以上是关于我的 CSS 代码在 TinyMCE 中没有正确读取的主要内容，如果未能解决你的问题，请参考以下文章
TinyMCE 从不正确的目录加载 lang/plugins/theme