ue 自动转换 html格式,富文本编辑器新增导入word功能,自动转为html,可直接显示图片...

add: function() {

Controller.api.bindevent();var imageButton = function(context) {var ui = $.summernote.ui;var button = ui.button({

contents: '',tooltip: __('Choose'),click: function() {

parent.Fast.api.open("general/attachmentlect?element_id=&multiple=true&mimetype=image/*", __('Choose'),{callback: function(data) {var urlArr = data.url.split(/\,/);

$.each(urlArr, function() {var url = Fast.api.cdnurl(this);

context.invoke('editor.insertImage',url);

});

}

});return false;

}

});return button.render();

};var attachmentButton = function(context) {var ui = $.summernote.ui;var button = ui.button({

contents: '',tooltip: __('Choose'),click: function() {

parent.Fast.api.open("general/attachmentlect?element_id=&multiple=true&mimetype=*", __('Choose'),{callback: function(data) {var urlArr = data.url.split(/\,/);

$.each(urlArr, function() {var url = Fast.api.cdnurl(this);var node = $("" + url + "");

context.invoke('insertNode', node[0]);

});

}

});return false;

}

});return button.render();

};//新增编辑器导入word功能

var wordBtn = function(context) {var ui = $.summernote.ui;var button = ui.button({

contents: '',tooltip: '导入word',click: function() {//点击之后的操作

layer.open({

type: 1,skin: 'layui-layer-rim', //加上边框

area: ['420px', '160px'], //宽高

content: ''});

}

});return button.render(); //return button as jquery object

};

$(".summernote,.editor", $('form')).summernote({

height: 250,lang: 'zh-CN',fontNames:['Arial', 'Arial Black', 'Serif', 'Sans', 'Courier',

'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande',

"Open Sans", "Hiragino Sans GB", "Microsoft YaHei",

'微软雅黑', '宋体', '黑体', '仿宋', '楷体', '幼圆',],fontNamesIgnoreCheck:["Open Sans", "Microsoft YaHei",

'微软雅黑', '宋体', '黑体', '仿宋', '楷体', '幼圆'],toolbar:[

['style', ['style', 'undo', 'redo']],['font', ['bold', 'underline', 'strikethrough', 'clear']],['fontname', ['color', 'fontname', 'fontsize']],['para', ['ul', 'ol', 'paragraph', 'height']],['table', ['table', 'hr']],['insert', ['link', 'picture', 'video']],['select', ['image', 'attachment']],['view', ['fullscreen', 'codeview', 'help','word']],],buttons:{

image: imageButton,attachment: attachmentButton,word:wordBtn

},dialogsInBody: true,followingToolbar: false,callbacks:{

onChange: function(contents) {

$(this).val(contents);

$(this).trigger('change');

},onInit: function() {

},onImageUpload: function(files) {var that =this;//依次上传图片

for (var i = 0; i < files.length; i++) {

Upload.api.send(files[i], function(data) {var url = Fast.api.cdnurl(data.url);

$(that).summernote("insertImage", url, 'filename');

});

}

}

}

});//点击上传按钮,发送ajax,上传word文档,并获取到返回的html地址

// 动态生成的元素需要使用在document上加点击事件

$(document).on('click','#submit',function(){var path = $('#file').val();if ($.trim(path) == "") {

alert("请选择要上传的文件");return;

}

$.ajaxFileUpload({

url: 'form', //这里是服务器处理的代码

type: 'post',secureuri: false, //一般设置为false

fileElementId: 'file', //上传文件的id、name属性名

dataType: 'json', //返回值类型,一般设置为json、application/json

success: function (data,status) {

console.log('success')

},error:function(data, status,e){

console.log('error')var responseText = data.responseText;//console.log(responseText);

// 把html赋值给富文本,,并关闭layui

$('.layui-layer-close').click();

$(".summernote,.editor", $('form')).summernote('code',responseText);

}

});

});

},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值