对于相同的html代码,Tinymce结果和浏览器结果是不同的

时间:2014-01-29 10:56:01

标签: jquery html iframe tinymce tinymce-4

我遇到了tinymce iframe的问题。我的测试工程师在tinymce和浏览器中使用了相同的html代码。在浏览器中它正确显示,但它以不同的格式显示。

HTML

<table>
<tr>
<td><font size=1 face=""Verdana""><b>Hello</b><br>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text  </font>
<tr>
<td><font size=1 face=""Verdana"">
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words,
</font>
<tr>
<td>
<tr>
<td><font size=1 face=""Verdana"">Neque porro quisquam est qui dolorem ipsum quia dolor     sit amet, consectetur, adipisci velit...</font>
<tr>
<td>
<table>

请查看此链接,您可以通过浏览器显示列来了解浏览器显示结果。

http://fiddle.tinymce.com/jPdaab/1

我知道,这个HTML有错误的结构。但我的问题是,为什么它给出了两个不同的结果。我想要浏览器渲染的相同结果。

1 个答案:

答案 0 :(得分:1)

这是由TinyMCE在编辑器本身中应用于元素的默认css引起的。

当您使用content_css选项初始化编辑器时,您可以提供自己的css文件作为配置选项: http://www.tinymce.com/wiki.php/Configuration:content_css

我不知道TinyMCE在你的编辑器中使用的默认css样式。但是如果你创建自己的content_css文件,你应该能够使用它来设置与你通常在浏览器中看到的默认值相匹配的css。