jquery.boxy.js和tinymce结合使用出了bug

分手后的思念是犯贱 2022-05-30 06:58 207阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

function showEmail()\{ //弹出书写邮件的窗口

//这个使用ajax，get方法把html元素传给Boxy显示，这个方法tinymce不能传过来，不能实现

// $.get(  
            // '/emailrecord/sendemaildialog/',  
            // \{pa:'dsfd'\},  
            // function(msg) \{    
                    // var html = msg.html;  
                    // var my\_boxy = new Boxy(html,\{title:'环节名称',modal:true,fixed:false,afterHide:function()\{my\_boxy.hideAndUnload();\}\});  
            // \},  
            // "json"  
        // );  
//

// return false;

//现在用的这个方法，能使得tinymce样式显示出来如：

![1346832554_7833.png][]

正常的应该是：

![1346832681_9948.png][]

// 为什么呢

//高人指点啊！ 高人指点啊！ 高人指点啊！

var box=new Boxy($("\#emaildialog"), \{

modal:true,  
       fixed:false,  
       title:"邮件发送",  
       closeText:"\[close\]"

\});

</script>

</head>  
  
<body>  
<div style="width:800px;height: 470px;display: none;" id="emaildialog">  
 <link rel="stylesheet" type="text/css" href="/media/css/forms.css" />  
 <link rel="stylesheet" type="text/css" href="/static/tool\_css/boxy.css"/>  
 <script type="text/javascript" src="/static/tiny\_mce/tiny\_mce.js"></script>  
 <script type="text/javascript">  
     function submitfcn()\{  
       var title = document.getElementById('id\_title').value;  
       var content = document.getElementById('id\_content').value;  
       var done = true;  
       if(!title)\{  
            done = false;  
            document.getElementById('id\_title').focus();  
            alert('请填写邮件标题！');  
       \}  
       
       if(!content)\{  
           done = false;  
           document.getElementById('id\_content').focus();  
           alert('请填写邮件内容！');  
       \}  
       if(done)\{  
           document.forms\[0\].submit();  
       \}else\{  
           return false;  
       \}  
     \}  
     
 </script>        
  
    <form action="emailrecord/sendemaildialog/" method="post">\{% csrf\_token %\}  
      <fieldset class="module aligned ">  
      
        <div class="form-row">  
                <div>  
                    <label for="id\_title" class="required">邮件标题:</label><input id="id\_title" type="text" name="title" maxlength="128" />  
                </div>  
        </div>  
        <div class="form-row">  
            <div>  
                <label for="id\_content" class="required">邮件内容:</label>  
               <textarea id="id\_content" rows="10" cols="40" name="content">  
                    <br />  
                      邮件内容模板如下：但是\{name\}\{url\}，不能更改，一定要存在！该行请删除,谢谢<br /><br />  
                   尊敬的某公司员工  \{name\}：<br />  
                   请尽快登xx系统(\{url\})，请用下面提供的账号登入，进行填写问卷。<br />  
                    如果对网络平台操作存在疑问，请联系马神通，<br /><br />  
                    本邮件为系统邮件，请勿回复！<br />  
                 <label style="margin-left:550px;">人力资源部</label>  
               </textarea>  
               <script type="text/javascript">  
                 tinyMCE.init(\{  
                              language:"zh",  
                              theme : "advanced",  
                              mode : "textareas",  
                              theme\_advanced\_toolbar\_location : "top",  
                              theme\_advanced\_toolbar\_align : "left",  
                              theme\_advanced\_statusbar\_location : "bottom",  
                              height: 300, width: 650,  
                              content\_css : "/static/tiny\_mce/themes/advanced/skins/default/content.css",  
                        \});  
               </script>  
           </div>  
        </div>  
   </fieldset>  
  
    <div>  
    <input type="button" value="确定" οnclick="submitfcn()"/>  
    </div>  
  </form>  
</div>      
</body>  
</html>

[1346832554_7833.png]: https://img-my.csdn.net/uploads/201209/05/1346832554_7833.png
[1346832681_9948.png]: https://img-my.csdn.net/uploads/201209/05/1346832681_9948.png