2012-12-26 49 views
1

我在我的項目中使用Textarea附加的tinymce。它效果很好。但是當文本區域在框架集內時,它不起作用。 這裏是框架集內textarea的小代碼片段。它只要我刪除框架集(只需從下面的代碼片段中刪除framset標籤,它就可以)。我沒有得到什麼,我在這裏失蹤Tinymce與FrameSet不工作?

<html> 
<head> 
    <script type="text/javascript" src="script/jquery-1.7.1.js"></script> 
    <SCRIPT type="text/javascript" src="script/jquery-ui-1.8.13.custom.min.js"></SCRIPT> 
    <script type="text/javascript" src="tinymce/jscripts/tiny_mce/tiny_mce.js" ></script> 
    <SCRIPT type="text/javascript"> 
    $(function() { 
    appendTinyMCE(); 
    function appendTinyMCE(){ 
    tinyMCE.init({ 
     mode : "textareas", 
     theme : "advanced", 
     plugins : "advlist", 
     theme_advanced_buttons1 : "forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect,sub,sup,|,bold,italic,underline,strikethrough", 
     theme_advanced_buttons2 : "", 
     theme_advanced_buttons3 : "", 
     theme_advanced_toolbar_location : "top", 
     theme_advanced_toolbar_align : "left", 
     theme_advanced_statusbar_location : "bottom", 
     theme_advanced_resizing : true 

});} 


}); 
</script> 
</head> 
<frameset framespacing="0" border="1" frameborder="1" cols="50%,50%"> 
<frame scrolling="NO" name="checkPanel"> 
</frame> 
<frameset rows="18%,*"> 
<frame scrolling="NO" noresize="" src="about:blank" name="heading"> 
<frame id="spellBody" scrolling="NO" noresize="" src="about:blank" name="preview" style="display: none;" aria-hidden="true"> 
<html> 
<body> 
<textarea style="width: 100%;" name="bodyTest" rows="20"><font face="Arial, Helvetica, sans-serif" size=2><p>This is my Test Text</p><BR> <p> </p><BR> <p><strong>Thanks and Regards</strong></p><BR> <p><font color=blue><strong>Scott</strong></font> Miles</p></textarea> 
</body> 
</html> 
</frame> 
</frameset> 
</frameset> 
</html> 

我不知道我是否需要做一些額外的配置,使TinyMCE的工作與框架集?我也很好,如果我可以綁定tinymce框架而不是 textArea,如果有可能?

+0

最快的解決方案是將您的JavaScript移動到Frameset HTML的頭部。 'tinyMCE.init()'可以在當前文檔的所有textareas上工作,但是Frameset(或iframe)的內容被認爲是不同的文檔,或者至少有不同的'document'對象。 –

+0

我試圖將JavaScript(DOM準備好功能)移動到Frameset HTML的頭部,但不工作呢? –

回答

2

最快的解決方案是將所有的JavaScript移動到Frameset HTML的頭部。 tinyMCE.init()將在當前文檔中的所有textarea上工作,但Frameset(或iframe)的內容被認爲是不同的文檔,或者至少有一個不同的document對象。