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

来源：互联网发布：餐饮网络推广方案编辑：程序博客网时间：2024/05/02 05:05

<!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样式显示出来如：

正常的应该是：

// 为什么呢

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

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="确定" onclick="submitfcn()"/>
    </div>
</form>
</div>
</body>
</html>

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

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