菜鸟国际电子游戏首页 > 文章中心 > 正文

quill编辑器-电子游戏app下载



获取编辑器html内容  

var html = quill.container.firstchild.innerhtml  


将html内容体现在编辑器中 

 quill.pastehtml(html);


前端展示内容  

需加载quill.snow.css  

内容
  


var toolbaroptions = [['bold', 'italic', 'underline', 'strike'],
['blockquote', 'code-block'], //引用,代码块
[{ 'header': 1 }, { 'header': 2 }], // 标题,键值对的形式;1、2表示字体大小
[{ 'list': 'ordered'}, { 'list': 'bullet' }], //列表
[{ 'script': 'sub'}, { 'script': 'super' }], // 上下标
[{ 'indent': '-1'}, { 'indent': ' 1' }], // 缩进
[{ 'direction': 'rtl' }], // 文本方向
[{ 'size': ['small', false, 'large', 'huge'] }], // 字体大小
[{ 'header': [1, 2, 3, 4, 5, 6, false] }], //几级标题
[{ 'color': [] }, { 'background': [] }], // 字体颜色,字体背景颜色
[{ 'font': [] }], //字体
[{ 'align': [] }], //对齐方式

['formula','image','video','link'], //公式、图片、视频、链接;
['clean'], //清除字体样式
];

var quill = new quill('#editor', {
modules: {
toolbar: toolbaroptions
},
placeholder:'写一段话...',
theme: 'snow'
});


var toolbar =quill.getmodule('toolbar');
toolbar.addhandler('image',upload);//设置事件处理函数
function upload() {
var fileinput = this.container.queryselector('input.ql-image[type=file]');
if (fileinput == null) {
fileinput = document.createelement('input');
fileinput.setattribute('type', 'file');
fileinput.setattribute('accept', 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon');
fileinput.classlist.add('ql-image');
fileinput.addeventlistener('change', function () {
console.log(1);
if (fileinput.files != null && fileinput.files[0] != null) {
var formdata = new formdata();
formdata.append('file', fileinput.files[0]);
$.ajax({
url: '处理图片的后台地址',
type: 'post',
cache: false,
data: formdata,
processdata: false,
contenttype: false,
datatype: "json",
}).done(function (res) {
//你的图片上传成功后的返回值!
console.log(res.data);
var range = quill.getselection(true);
quill.insertembed(range.index, 'image', res.data);
quill.setselection(range.index 1);
}).fail(function (res) {
});
}
});
this.container.appendchild(fileinput);
}
fileinput.click();
}



转载请注明出处:

0

相关文章