百度了半天各种博客都没有相关,没办法苦苦研究文档终于弄好了,其实还是很简单的,贴出代码以待后期查询
创建textboxio富文本编辑器
引入:
<script charset="utf-8" src="/textboxio-client/textboxio/textboxio.js"></script>
页面设置:
<textarea style="min-height: 300px; width: 900px; max-width: 1105px;" id="mytextarea"></textarea>
创建编辑器以及上传图片:
var config = {
images : {
allowLocal: true,
upload : {
url : '/back_news/upload_pic_file.do?type=basicinfo',//上传地址
basePath: '/file/zuozhu/resource/basicinfo', //图片存储路径
credentials: false
}
}
};
var editor = textboxio.replace('#mytextarea', config);
注上传图片返回参数的格式是固定的:
{"location":path}
重点来了,这个富文本必须在提交的时候才会上传图片,是不能自动上传的,所以需要在提交之前写入:
editor.content.uploadImages(function() {
var markupStr=editor.content.get();
$("#myform").ajaxSubmit({
type : 'POST',
......
你的提交代码
});
});