前端jsp:
<form id="newsForm" action="save.form" method="post">
<label>标题:</label><input type="text" name="title" style="height:25px;width:150px;"/><br><br>
<div id="editor-container" class="container">
</div>
<textarea id="content" name="content" style="display:none"></textarea>
<div>
<input name="submit" type="submit" class="button" value="提交" />
</div>
</form>
js:
<script type="text/javascript" src="<%=basePath%>/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="<%=basePath %>wangEditor3/release/wangEditor.min.js"></script>
<script type="text/javascript">
var E = window.wangEditor;
var editor = new E('#editor-container');
var $text = $('#content');
editor.customConfig.onchange = function (html) {
// 监控变化,同步更新到 textarea
$text.val(html);
};
// 将图片大小限制为 3M,默认5M
editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024;
// 限制一次最多上传 5 张图片
editor.customConfig.uploadImgMaxLength = 5;
editor.customConfig.uploadImgServer = '/sm/news/saveImg.form'; // 上传图片到服务器
editor.customConfig.uploadImgHeaders = {
'Accept': 'text/x-json'
};
editor.customConfig.uploadImgHooks = {
// 服务器端返回的必须是一个 JSON 格式字符串!!!否则会