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,如果有可能?
最快的解決方案是將您的JavaScript移動到Frameset HTML的頭部。 'tinyMCE.init()'可以在當前文檔的所有textareas上工作,但是Frameset(或iframe)的內容被認爲是不同的文檔,或者至少有不同的'document'對象。 –
我試圖將JavaScript(DOM準備好功能)移動到Frameset HTML的頭部,但不工作呢? –