siliushi / arteditor Goto Github PK
View Code? Open in Web Editor NEW移动端富文本编辑器
Home Page: http://baixuexiyang.github.io/artEditor/
License: ISC License
移动端富文本编辑器
Home Page: http://baixuexiyang.github.io/artEditor/
License: ISC License
我在移动端使用该编辑器的时候,发现光标随点击文字位置无法定位,总是定位到文字末尾。请问这个是怎么解决的。
移动端的图片未压缩上传数据手机网络流量消耗太大,切很慢体验差
非常感谢解决此问题
但还有个小问题
例如
1
2
3
4
5
如果在2 后面按回车 2和3 之间会空一行 能否把光标定在2和3 之间的空行上?
在选择图片上传的时候超过了设置,还是会跳过上传。
看了下压缩的js源码,是不是压缩出问题了。
if(Math.ceil(a.size/1024/1024)>t._opt.limitSize)return void console.error("文件太大"); 这句貌似没起作用。
该框架与阿里的Sui Mobile框架冲突,在手机模式下无法正常获取焦点!
哈哈,没看到capture属性
pc版上传的图片是存储在文件夹里的,这个好像是图片源base64..不保存路径在文件夹的?
图片上传发送的请求数据是base64,发送前应该转化为blob的对象吧,要不然太大了无法传输到后台是吗?我碰到了这个问题
将html5网站封装成Android的APK后,点击上传图片无反应,不能选择图片或拍照上传
得到的
当点击到提示文字:‘请输入文章正文内容’,时无法获得焦点
哥们,您的编辑器很简洁实用,现在有个问题是,怎么随着form表单提交呢?
希望添加表情功能,还有插入超链接等
如题
粘贴时,去除不合法的html标签
但代码中获取的是粘贴前的html,所以也相当于没有过滤代码就直接粘贴了
建议用var clipboardData = e.clipboardData || e.originalEvent && e.originalEvent.clipboardData;
先获取到剪切板的数据,再getData出来,再把这里面的数据进行过滤吧
我看源码里面有压缩的处理 可以配置的参数部分没有这一块 要怎么使用?
$('#content').getValue() 获取报错
发现不能插入两张相同的图片,而且图片删除后,想再次插入时,图片不能再次插入。
我需要这种编辑器啊,需要和淘宝发布那个手机端的
手机端:点击输入内容,失去焦点,IOS端插入图片,焦点也会失去,图片在最上面
有没有遇到过这个问题的
可以用zepto代替jquery吗?
{"message":"请选择文件。","error":1}
服务端 利用的是kindeditor那种上传方式。。。。
请问服务端应该怎么处理?
iOS 11不能打开相册怎么解决?
请问php怎么获取上传图片的信息
图文混编时希望文字可以左,中,右三种方式安排对齐
<script language="javascript"> $(document).ready(function(){ $("form").submit(function(e){ $('#artEditor').val($('#content').getValue()); }); }); </script> <input type="hidden" name="content" id="artEditor">
我是用这个模式来获取的,不过就是图片上传以后都是无法打开,还请您指点下
为什么我在手机上插入点时候,每次插入图片都会插入在最顶部
chrome 版本58
按回车 会自动增加div
如何去掉自动增加div
上传图片 php $_FILES 怎么收不到值
$(_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);
};
}
});
这月改了貌似又不对
如题
1:当在编辑范围内失去焦点时,插入图片总是默认插入到首部去(移动端聚焦在可编辑范围时会弹出软键盘,会把上传图片按钮弹出可视范围->这个是个人的场景),能否追踪到失去光标的位置,然后插入到上次光标的位置
图片可以上传预览压缩吗?类似localResizeIMG上传前压缩
在react中,onfouics()需要长按才会触发(iPhone)
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
我看了你写的源码,文件内容是直接当做表单参数post提交的,这样服务器端无发按照常规的文件上传逻辑来进行处理。所以,最好能给个服务端的例子吧。
另外,反馈个bug:提交的字段名变成了field
上传图片前,需要将base64的前缀data:image/png;base64,去掉,需要一个beforeUpload的钩子和读取base64码,请问插件有提供吗?
其他机型都没问题 唯独这两款会这样 变成空白之后再次点击也无法编辑 但是发布之后图片还在 是我使用有问题么?
点击编辑框外面, 然后再点击编辑框里面的图片会报错, 不过没什么影响
index.js:68 Uncaught DOMException: Failed to execute 'getRangeAt' on 'Selection': 0 is not a valid index.
传不鸟图片
如题
showServer: true,的时候,必须用form提交吗?请问用form怎么提交,属性改为enctype="multipart/form-data"还是不行
你好!
请问该编辑器用于部分安卓系统时,出现图片无法删除(编辑时)的情况应该如何处理?
即,光标在图片后面,点击删除键,光标直接跳过图片,删除了图片前面的文字
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.