js图片编辑器

JavaScript021

js图片编辑器,第1张

手机体验地址： http://114.67.68.76:8080/roc/imgDist/

github地址： https://github.com/lijibing01/picture_edit

1、引入dist文件夹下的ped.js

2、new window.PED.imageInfo(url,saveFn)

1、可以双指放大缩小图片

2、可以在图片上进行涂鸦

2、可以输入文字，输入文字后可以单指移动文字在图片上的位置

3、可以撤回涂鸦的内容，不能撤回文字，文字编辑功能还未实现

1、npm install

2、npm run build

欢迎star

又来了

https://www.draft-js-plugins.com/plugin/image

draft.js：不要使用redux来管理editorState

draft.js：让光标显示在最后面

draft.js：内容清空之后，光标的位置会错乱

draft.js：如何改变 draft.js 编辑框的高度

draft.js：getPlainText 对换行符的修改 (填坑篇)

draft.js：onChange改装，判断文字内容是否修改

draft.js--富文本编辑器框架的实践（一）

draft.js--富文本编辑器框架的实践（二）

原 1.Draftjs 学习笔记

原 2.Draftjs 学习笔记-Rich Styling

原 3.Draftjs 学习笔记-Entities

原 4.Draftjs 学习笔记-Decorators

原 5.Draftjs 学习笔记-自定义控件（多媒体）

原 6.Draftjs 学习笔记-聊聊自定义样式

原 7.Draftjs 学习笔记-StateToHtml

Draftjs中文翻译1 - 概观

Draftjs中文翻译2 - API Basics API基础

Draftjs中文翻译3 - Rich Styling丰富的造型

Draftjs中文翻译4- 实体

Draftjs中文翻译5 - v0.10 API迁移

Draft.js文档

使用 Draft.js 来构建一个现代化的编辑器

draft.js在知乎的实践

基于Draft.js自定义富文本编辑器

基于Draftjs实现的Electron富文本聊天输入框

基于Draftjs实现的Electron富文本聊天输入框(一) —— 群@功能

基于Draftjs实现的Electron富文本聊天输入框(二) —— 图文输入

基于Draftjs实现的Electron富文本聊天输入框(三) —— Emoji

基于Draftjs实现的Electron富文本聊天输入框(四) —— 自定义快捷键

基于Draftjs实现的Electron富文本聊天输入框(五) —— 问题总结与解决

完美解决问题！

还有下一个问题：光标位置错乱 待解决！！！