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的头部,但不工作呢? –