1
嗨,我在我的應用程序中使用微小的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」項目。謝謝
我明白了。謝謝。請告訴我如何將字體大小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」元素。 –