siliushi / arteditor Goto Github PK

View Code? Open in Web Editor NEW

262.0 262.0 110.0 983 KB

移动端富文本编辑器

Home Page: http://baixuexiyang.github.io/artEditor/

License: ISC License

JavaScript 70.49% CSS 25.54% HTML 3.97%

arteditor's Introduction

Hi there，I'm siliushi

一名码农，前端开发

思否	掘金	CSDN	简书	cnblog
点我直达	点我直达	点我直达	点我直达	点我直达

arteditor's People

Stargazers

Watchers

Forkers

sam550128496 yc8332 zkqcommon halostudio zonas1991 yangyin jillchen cynhard weijuer weianzi tcld2269 liulu081227 shuay hz7680 tuohuang luomaozhong lian312 a233894432 oneofthetwentythousand liudou hyhcoder luwake iuyes 287138531 zivzhao mol310 derll emaiqi pslxx loveffvii hengfeng-su 569934390 kartwutian gjszhangli sunnysun1027 sanny31 fushanlang alexguo88 yangyyf guanghong2012 frailleon xianglijiaxing heptaluan thinklib zhou244740711 xiaochi huangleishini xiasang920 crasslandwolf hackboy fanerwei222 liuxusheng2006 li9269391 evenbing nicholasmi zhangmuzhi lven baisyue xiaoyu-edu three-water shibahuasheng gitter-badger zisanjie ccrazy feiman chengruowei8000 zipingliu scyaay suixinxing astrocean zhiwuya fulunyong chenkaimeng waldyrious huangchuting pool611 hehaibao jetchan-better zhunodejs czz0306 myxzjie biyaoyao raintreechan wu-shawn helenwd123 freekyge hkppy channnxy yourshero alvin3721 rapael anglabace joncv lutz2015 zhuxianzhen ivanhuzeyu legend-li 123liyuan123 yangmain jonyhuang

arteditor's Issues

该框架与阿里的Sui Mobile框架冲突，在手机模式下无法正常获取焦点！

<script language="javascript"> $(document).ready(function(){ $("form").submit(function(e){ $('#artEditor').val($('#content').getValue()); }); }); </script> <input type="hidden" name="content" id="artEditor">

我是用这个模式来获取的，不过就是图片上传以后都是无法打开，还请您指点下

点击文本框无法获得焦点

当点击到提示文字：‘请输入文章正文内容’，时无法获得焦点

希望添加表情功能

希望添加表情功能，还有插入超链接等

光标定位问题？

我在移动端使用该编辑器的时候，发现光标随点击文字位置无法定位，总是定位到文字末尾。请问这个是怎么解决的。

上传图片前，需要将base64的前缀去掉，请问有api吗？

上传图片前，需要将base64的前缀data:image/png;base64,去掉，需要一个beforeUpload的钩子和读取base64码，请问插件有提供吗？

手机端：点击输入内容，失去焦点

手机端：点击输入内容，失去焦点，IOS端插入图片，焦点也会失去，图片在最上面
有没有遇到过这个问题的

很好，不错！有没有考虑加入短视频功能和表情？

文件超过3M 跳过了判断。要是增加一个图片压缩功能就好了

在选择图片上传的时候超过了设置，还是会跳过上传。
看了下压缩的js源码，是不是压缩出问题了。
if(Math.ceil(a.size/1024/1024)>t._opt.limitSize)return void console.error("文件太大"); 这句貌似没起作用。

关于图片显示和获取焦点的问题

在react中，onfouics()需要长按才会触发(iPhone)

iphone6s 打开demo 点击插入图片直接就是拍照，没有打开相册选项？

哈哈，没看到capture属性

上传图片 php $_FILES 怎么收不到值

点击编辑框外面，然后再点击编辑框里面的图片会报错，不过没什么影响

index.js:68 Uncaught DOMException: Failed to execute 'getRangeAt' on 'Selection': 0 is not a valid index.

传不鸟图片

因为删除图片的时候要求服务器也删除该图片，请问如何监听删除事件

11

得到的

移动端图片无法删除问题

你好！
请问该编辑器用于部分安卓系统时，出现图片无法删除（编辑时）的情况应该如何处理？
即，光标在图片后面，点击删除键，光标直接跳过图片，删除了图片前面的文字

some questions

1:当在编辑范围内失去焦点时，插入图片总是默认插入到首部去(移动端聚焦在可编辑范围时会弹出软键盘，会把上传图片按钮弹出可视范围->这个是个人的场景)，能否追踪到失去光标的位置，然后插入到上次光标的位置

请问，如果想删除已经上传的图片，怎么删除

如题

压缩图片兼容问题

Mozilla Firefox上的压缩参数没用读取会失败

上传的图片不能在PC版编辑器查看

pc版上传的图片是存储在文件夹里的，这个好像是图片源base64..不保存路径在文件夹的？

这种编辑器还有类似开源的吗？

我需要这种编辑器啊，需要和淘宝发布那个手机端的

能否获得选者图片的file，这里用jsp服务端无法上传图片

{"message":"请选择文件。","error":1}

服务端利用的是kindeditor那种上传方式。。。。

请问服务端应该怎么处理？

可以上传压缩吗？

图片可以上传预览压缩吗？类似localResizeIMG上传前压缩

换行不能原样输出

因为我需要在手机网页上模拟一个聊天界面，要保证空格和换行原样输出，同时要过滤不合法的html标签，

后端又不想做什么支持，找来找去，觉得您的这个编辑器是最有效的办法。
现在的问题是空格可以原样输出，但是换行的话，就会把html标签也带出来，刚入门没多久的前端菜鸟，不知道是哪个环节出了问题

能直接插入网络图片？

如题

服务端上传文件要怎么做？

我看了你写的源码，文件内容是直接当做表单参数post提交的，这样服务器端无发按照常规的文件上传逻辑来进行处理。所以，最好能给个服务端的例子吧。

另外，反馈个bug：提交的字段名变成了field

哥们，您的编辑器很简洁实用

哥们，您的编辑器很简洁实用，现在有个问题是，怎么随着form表单提交呢？

图片不能上传问题

将html5网站封装成Android的APK后，点击上传图片无反应，不能选择图片或拍照上传

自动增加div-2

非常感谢解决此问题
但还有个小问题
例如
1
2
3
4
5
如果在2 后面按回车 2和3 之间会空一行能否把光标定在2和3 之间的空行上？

如何一次上传多个文件

$(_this._opt.imgTar).on('change', function(e) {
var files = e.target.files;
debugger;
for(var i =0;i<files.length;files){
// var file = e.target.files[0];
var file = files[i];
if(i==(files.length-1)){
//e.target.value = '';
}
// if(Math.ceil(file.size/1024/1024) > _this._opt.limitSize) {
// console.error('文件太大');
// return;
// }
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (f) {
// if(_this._opt.showServer) {
// _this.upload(f.target.result);
// return ;
// }
console.log('>>>>>>>'+i);
var img = '';
// var img = '';
_this.insertImage(img);
};
}
});

这月改了貌似又不对

iOS 11不能打开相册

iOS 11不能打开相册怎么解决？

可以用zepto代替jquery吗？

能否来个图片上传的后台接参demo

在thinkPHP中怎么获取文本框的值

$('#content').getValue() 获取报错

你好,我压缩图片之后第一次上传后台接收到的为空,第二次才能接收到,请问为什么?

index.js:143 kong
index.js:149 Object {images: "data:,"}
index.js:23 上传失败
index.js:25 123
index.js:151 false
index.js:156 地址为空啊!大兄弟 false
index.js:149 Object {images: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD…SgBc0ZptO7UAGaTNFJQAuaM0lFIBc0CkooAdWvWOK2KAP/9k="}
index.js:23 /upload/6092cdf4-3eb4-442e-9ffe-f682ef4149d2.jpg
index.js:151 http://192.168.0.9//upload/6092cdf4-3eb4-442e-9ffe-f682ef4149d2.jpg

请问上传的时候只能是整个html内容一起post到服务器端吗？
我在另一个页面加载整个html时，有时候会因为图片没加载出来导致图片下面的html都无法加载。我想讲图片数据压缩下，请问能做到么，怎么做，谢谢