tinymce正在改变html代码

嗨，我在我的应用程序中使用微小的mce主版本3。以下是初始化tinymce的代码。tinymce正在改变html代码

<!DOCTYPE html> 
<script type="text/javascript" src="tiny_mce/tiny_mce.js"></script> 
<script> 
    tinyMCE.init({ 
     width : "100%", 
     height : "100%", 
     theme : "advanced", 
     selector :"textarea#elm1", 
     plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,visualblocks", 
     paste_retain_style_properties : 'all', 
     valid_children : "+span[div],+var[div|p]", 
     forced_root_block : "", 

     theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,forecolor,backcolor,|,undo,redo,|,bullist,numlist,|,fontselect,fontsizeselect,|,code", 

     plugins: "fullscreen", 
     toolbar: "fullscreen", 

     theme_advanced_toolbar_location : "top", 
     theme_advanced_toolbar_align : "left", 
     theme_advanced_statusbar_location : "bottom", 
     theme_advanced_resizing : false, 
     convert_fonts_to_spans : false, 
     cleanup_on_startup : false, 
     cleanup : false, 
     // Style formats 
     style_formats : [ 
      {title : 'Bold text', inline : 'b'}, 
      {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}}, 
      {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}}, 
      {title : 'Example 1', inline : 'span', classes : 'example1'}, 
      {title : 'Example 2', inline : 'span', classes : 'example2'}, 
      {title : 'Table styles'}, 
      {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'} 
     ], 

     setup : function(ed) { 
      ed.onBeforeRenderUI.add(function(ed, cm) { 

      }); 
     ed.onLoadContent.add(function(ed, o) { 

     }); 
     } 
    }); 


</script> 

<body> 
<textarea id="elm1" name="area"></textarea> 
</body>

当我在微小的mce中加载html代码时，它正在改变现有的html代码，如下所示。

HTML代码我写的：由TinyMCE的产生

<head> 
    <title>Confirmation Letter</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    </head> 
<body vlink="#666633" alink="#ffffcc" bgcolor="#ffffff" link="#cc9966"> 
<table width="700" height="100%" border="0" cellpadding="0" cellspacing="0"> 
    <tbody> 
     <tr>  
      <td align="left"> 
      <p> 
       <font size="2" face="Verdana"> 
       one <br/> <br/> 
       two <br/> <br/> 
       three <br/><br> 
       four <br><br> 
       <strong>List of items</strong> 
       <ul> 
        <li>list1 data1</li> 
        <li>list2 data2</li> 
        <li>list3 data3</li> 
       </ul> 
        Click <a href="file1">here</a> to subscribe our newsletter for exclusive promotions. 
      </font> 
      <font size="1" face="Verdana"> 
       <br/><a href="file2">Privacy Policy</a>. 
      </font> 
     </p> 
      <a href="file3"><img border="0" src="image1" align="right"></a> 
       <br/> 
     </td> 
     </tr> 
     </tbody> 
     </table> 
    </body>

HTML代码

Confirmation Letter 
    <table width="700" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
    <td align="left"> 
    <p><font size="2" face="Verdana"> one <br /> <br /> two <br /> <br /> three <br /><br /> four <br /><br /> <strong>List of items</strong></font></p> 
    <ul> 
     <li>list1 data1</li> 
     <li>list2 data2</li> 
     <li>list3 data3</li> 
    </ul> 
    <p><font size="2" face="Verdana">Click <a href="file1">here</a> to subscribe our newsletter for exclusive promotions. </font> 
    <font size="1" face="Verdana"> <br /><a href="file2">Privacy Policy</a>. </font></p> 
    <a href="file3"><img src="image1" alt="" align="right" border="0" /></a>   </td> 
    </tr> 
    </tbody> 
    </table>

我不停的 “UL” 标签也中的 “P” 标签，以应用字体大小2.但是微小的mce在“p”标签之外保留“ul”标签，结果字体大小2不适用。因此，正常文本的字体大小与“ul”内的文本之间存在差异。请帮助我解决这个问题，以便字号2也应该应用于“ul”项目。谢谢

来源

2016-01-21 rajani chowdhary

这是因为你的代码是无效的HTML代码和微小的MCE固定它。请参阅this answer了解更多信息。

来源

2016-01-21 05:46:02 Londeren

我明白了。谢谢。请告诉我如何将字体大小2换成“ul”元素。 –

@rajanichowdhary'font'标记[不支持]（http://www.w3schools.com/tags/tag_font.asp）在html5中。而不是'size =“2”'你可以使用CSS。例如'ul li {font-size：15px}'。这是一个非常简单的例子。在[w3cschool]上详细了解它（http://www.w3schools.com/cssref/pr_font_font-size.asp） – Londeren

谢谢我明白。如果我们想要在html4中，可以将字体标签应用于“ul”元素。 –

tinymce正在改变html代码

回答

相关问题