2012-12-26 48 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对象。