<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, user-scalable=no">
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="/static/js/jquery-1.12.0.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="/static/js/bootstrap.min.js"></script><!-- 初始化ueditor -->
<script src="/ueditor/ueditor.config.js"></script>
<script src="/ueditor/ueditor.all.min.js"></script>
<script src="/ueditor/lang/zh-cn/zh-cn.js"></script>

<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" <%--tabindex="-1"--%> role="dialog"aria-labelledby="myModalLabel" aria-hidden="true" <%--style="z-index: 800"--%>><div class="modal-dialog"><div class="modal-content"><div class="modal-header" ><button type="button" class="close"data-dismiss="modal" aria-hidden="true">×</button><h4 class="modal-title" id="myModalLabel">编辑器标题</h4></div><div class="modal-body clearfix" id="id_modal_body"><script id="id_rich_text" name="id_rich_text" type="text/plain"></script><script type="text/javascript">var editor = UE.getEditor('id_rich_text');</script></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">关闭</button><button type="button" class="btn btn-primary" id="btn_modal_update">更新内容</button></div></div><!-- /.modal-content --></div><!-- /.modal -->
</div>

$("#btn_edit_content").click(function() {// *) 弹出对话框, 把富文本赋予给编辑器editor.setContent($("#idv_edit_content").html());// *) 展示模态框$('#myModal').modal({backdrop: 'static', keyboard: false});
});$("#btn_modal_update").click(function() {// *) 把编辑器的内容设置到原文本区域$("#idv_edit_content").html(editor.getContent());// *) 隐藏模态框$('#myModal').modal('hide');
});