百度編輯器Umeditor 加 後臺JFinal 加 前臺DWZ提交出現白頁解決方法

 首先，說下個人邏輯：

      顯示所有數據  --->  點擊增長 --->彈框顯示富文本編輯框 及其餘須要的文本框---> 編輯完彈框內容以後提交到後臺  

下面看下我報的錯，（總是這種白頁錯）

---

只要是文本編輯框中傳入圖片的就會報這種錯，全是漢字就沒事，後來發現是DWZ回調函數那部分出了錯，這裏由於我彈框有文件上傳，因此用的 iframeCallback【帶文件上傳的ajax表單提交】

/**
 * 帶文件上傳的ajax表單提交
 * @param {Object} form
 * @param {Object} callback
 */
function iframeCallback(form, callback){
    var $form = $(form);
    //, $iframe = $("#callbackframe");//就是這個$("#callbackframe")報的錯，不知道這部分是幹啥用的，，因此給註釋掉了
    
    //if(!$form.valid()) {return false;}//還有這部分頁面的驗證也給註釋掉了，我整成後臺驗證了

    //if ($iframe.size() == 0) {
        $("<iframe id='callbackframe' name='callbackframe' src='about:blank' style='display:none'></iframe>").appendTo("body");
    //}

    if(!form.ajax) {
        $form.append('<input type="hidden" name="ajax" value="1" />');
    }
    form.target = "callbackframe";

    _iframeResponse($("#callbackframe")[0], callback || DWZ.ajaxDone);
}

註釋掉這些代碼，就好用了，看看我前臺頁面效果

曬一下個人彈出框代碼吧！

<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<script type="text/javascript">
    //編輯器同步
    function editorSyn(ename){
        $.each(ueditor_loader[ename],function(i){
            this.sync(); 
        });
    }
    window.UMEDITOR_HOME_URL = "<%=basePath %>umeditor/";
</script>
<link rel="stylesheet" type="text/css" href="<%=basePath %>umeditor/themes/default/css/umeditor.min.css"/> 
<script type="text/javascript" charset="utf-8" src="<%=basePath%>umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="<%=basePath%>umeditor/umeditor.min.js"></script>
<link href="<%=basePath%>umeditor/themes/default/css/edit.css" type="text/css" />

<h2 class="contentTitle">盒子內容</h2>
<div class="pageContent">
    <form method="post" action="<%=basePath%>ddbox/add" class="pageForm required-validate"  
            onsubmit="return iframeCallback(this,dialogAjaxDone);" enctype="multipart/form-data">
        <div style="padding-left:15px;" layoutH="75">
               <p>
                   <br/>
                <label>動動盒子名稱： </label>
                <input type="text" id="ddname" name="ddname" class="required" /><br/><br/>
            </p>
           <p>
                <label>盒子內容排版： </label><br/><br/>
                 <!--style給定寬度能夠影響編輯器的最終寬度-->
                   <textarea type="text/javascript" id="myEditor" style="width:1000px;height:410px;" name="ddtext"></textarea><br/>
            </p>
            <p>
                <label>盒子封面：</label>
                <input type="file" name="fileUp" style="width: 180px" />
                 <q style="color: red;">*&nbsp;&nbsp;只支持jpg上傳</q>
            </p>
        </div>
        <div class="formBar">
                    <ul>
                <li>
                    <div class="buttonActive">
                        <div class="buttonContent">
                            <button type="submit" id="save">保存</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="button">
                        <div class="buttonContent">
                            <button type="button" class="close">取消</button>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </form>
</div>
<script type="text/javascript">
    //實例化編輯器
    var um = UM.getEditor('myEditor');
</script>

好了，這樣就完事了！