Languages and Tools:
wowlusitong / re-editor Goto Github PK
View Code? Open in Web Editor NEW一个开箱即用的React富文本编辑器 🚀re-editor
Home Page: https://re-editor.netlify.com
License: MIT License
一个开箱即用的React富文本编辑器 🚀re-editor
Home Page: https://re-editor.netlify.com
License: MIT License
最简单的一个例子,如果我要将编辑好的富文本以邮件的形式发送给用户,这个时候就不支持了,如果支持了html,这款富文本将会大赞
图片:
1 建议图片初始按原图长宽比显示
2 图片用鼠标拉动缩放时,不要用角标拉(做得不够好),可以改成单纯拉高度和单纯拉宽度结合的方式
3 甚至进一步,用第三方 ‘react-image-crop’ 来弹出框,可以裁剪和旋转原图,截取选中部分来做结果图
保存和显示:
用json格式保存内容挺好,需要加一个显示结果的css或者独立react小组件,用来在需要显示结果的地方用来显示这个json内容。(用re-editor的只读模式可以做到,是不是可以更小巧些?)
不是说,支持支持markdown语法吗?我试了,不支持呀,通不能讨论下
https://re-editor.netlify.com/
我在上面官方给出的测试地址测试了,我现在在编辑器里输入了一段文字,然后再上传一张图片,现在要把上传的这张图片放到其他位置是不行的,还有用backspace键删除图片会出错
编辑了之后需要保存
如题,在编辑器里输入的内容能不能转成html格式,我看现在好像是json数据
如题,感谢
现在处理 image-local
的方式是直接把图片转为Base64插入到内容里,这样会导致数据很大。
实际使用中我们可能会希望把图片上传到一个图片服务器,然后再通过一个地址来引用。
但是我看了一下源码,发现好像并没有提供相应的接口来定制上传文件的过程。
虽然我可以自己封装一个组件实现upload 的过程,然后把返回的地址通过command(editor)('image',src)
的方式插入到内容里。但是图片的替换功能依然写死了是调用 image-local
的。
我觉得比较好的方式,是将 ImageUploader 组件的 handleFileUpload 方法暴露为一个接口。这样可以比较灵活的实现定制的上传过程。
TypeError: _icon.default.createFromIconfontCN is not a function
var _icon = _interopRequireDefault(require("antd/es/icon"));
var _default = _icon.default.createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_1089062_pnt5z551qz.js'
});
readOnly模式下,期望页面不可编辑,但是目前发现,当页面显示表格时,鼠标点击表格,依旧能弹出编辑框
字体颜色、背景颜色也是比较常见的需求
工具栏悬浮提示文字,能改成英文或者什么吗
使用slate.js开发编辑器,作者有考虑导入word文档的支持吗?
异步从后端获取文本后不能够成功渲染,文本框始终是空的
export const Editor = () => {
const [value, setValue] = useState(null);
useEffect(() => {
httpRequest("get", api.NoticeManage).then(response=>{
setValue(JSON.parse(response.data.text))
})
}, [])
const handleChange = (value) => {
setValue(JSON.stringify(value.toJS()))
}
return (
<ReEditor
value={value}
onChange={handleChange}
placeholder="请输入内容"
// onImageUpload={this.handleImageUpload}
/>
)
}
目前在DEMO里上传一个图片,尺寸变形(宽度全宽高度不是按比例缩放),手工设置高宽时,高宽的输入框似乎不能获得焦点。
另外看看是否可能鼠标拉动缩放图片?
我的操作环境:MACOS + CHROME
链接这种这么重要的功能,问下啥时候可以支持呢
想知道你的插件的用法
1.支持超链接
2.支持附件上传
3.支持自定义图标及对应的回调,比如添加保存图标后自定义函数响应中做持久化
删除所有内容后,再点击上传图片,无法展示图片
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.