我在我的项目中使用附带Textarea的tinymce。它很棒。但是当文本区域在框架集内时,它不起作用。 这里是frameset里面的textarea的小代码片段。它删除框架集后立即工作(只需从下面的代码片段中删除framset标签,它就可以工作)。我没有得到我在这里失踪的东西
<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>
我不确定是否需要做一些额外的配置才能使用botset工作?我也很好,如果我可以用框架而不是框架绑定tinymce textArea,如果可能的话?
答案 0 :(得分:2)
最快的解决方案是将所有javascript移动到Frameset HTML的头部。 tinyMCE.init()
将适用于当前文档中的所有textareas,但Frameset(或iframe)的内容被视为不同的文档,或者至少具有不同的document
对象。