百度编辑器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>

好了，这样就完事了！