如何使用文本溢出：带tinymce的省略号

我有一个主细节类型视图设置，您可以在右侧（细节）输入数据，它将显示在左侧（细节）的摘要中。我使用CSS和jQuery完成了这个视图。所有数据都来自mysql数据库

问题是由tinymce插入文本区域的html标记引起的。当我尝试使用

文本溢出：省略号显示它时CSS它不会放在省略号中

CSS:

是一个精简的JSFIDLE，其中包含添加了tinymce html标记的结果数据以及左侧发生的事情

现在是我去掉
标记并正确显示省略号的版本

所以我的问题是：在第一种情况下，是否有可能正确显示摘要和省略号，或者我必须事先从tinymce文本区域中删除所有html

我愿意接受其他建议。
设置必须在直接父项上，因此当添加到您的示例中时，此选项有效（请注意选择器中的“p”）：

然后在每个段落中添加省略号。我希望在第二个JSFIDLE链接中显示数据，就好像没有段落标记给出结果一样。当我添加新的CSS（保留旧的CSS以保持div大小）时，它只显示一个段落。以下是JSFIDLE更新：。如果您有嵌套在段落中的段落，只需将其更改为.OverflowData>p，以仅选择div的直接子级。太好了，它毕竟可以工作。第一次这样做时，我只是在.OverflowData之后添加了p，而没有保留div的原始类。
.OverflowData {
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.OverflowData p {
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;    
}