Question

我设法用Jframe调用TinyMce编辑器，但是现在我遇到了一个问题：

textarea未更新插入或更新单击按钮。对于每个事件，jFrame都会获得控制权，我无法在提交或点击或其他任何事件之前调用任何事件。

有人有过这方面的经验吗？

Answer 1

对于每一个人，我都找到了解决方案：

在jFrame调用者页面init TinyMCE：

<script type="text/javascript" src="../js/tinymce/tiny_mce_gzip.js"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--

tinyMCE_GZ.init({
    plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,ccSimpleUploader,mediaservice",
    themes : 'advanced',
    languages : 'en',
    disk_cache : true,
    debug : false
 });
//add a function
function loadEditor() {

tinyMCE.init({
                        mode : "exact",
                        elements : "wysiwyg",
                        theme : "advanced",
                        skin : "o2k7",
                        skin_variant : "silver",                                
                        plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,ccSimpleUploader,mediaservice",
                        theme_advanced_buttons1 : "code,fullscreen,preview,|newdocument,|,search,|,undo,redo,|,cut,copy,paste,pastetext,pasteword,|,bold,italic,underline,|,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist",
................................

         });


} 

$(document).ready(function(){

//on ajax event complete
$("#invoices_target").ajaxComplete(function() {    
  loadEditor();
});

//--><!]]>
</script>

然后在被叫页面中：

<script type="text/javascript">
<!--//--><![CDATA[//><!--
$(document).ready(function(){

});
function saveMCE() {
tinyMCE.triggerSave();
tinyMCE.execCommand('mceRemoveControl',true,'wysiwyg');
}
//--><!]]>
</script>

然后将saveMCE（）函数放在表单中的“onClick”按钮事件中：

<form id="recordSettings" method="post" name="settings">
    <textarea id="wysiwyg" rows="8" cols="47" name="wysiwyg"></textarea>
    <input onclick="javascript:saveMCE();"  type="button" name="insert" />
</form>

就是这样，对我来说这项工作很好，也希望你。

与jframe和表单插件的tinymce

1 个答案: