注册账号登录
吴世剑
小度鱼作者,野生设计师,野生程序员。
关注

React Native 富文本编辑器,大家都用的啥?

现在遇到这个问题,目前本站web端使用的是Draft-js,怎么保证web富文本编辑器输出的数据格式,在React Native中也能编辑使用。

目前想到的方案,就是在React Native WebView使用Draft-js。

正在尝试使用,

https://github.com/R1ZZU/react-native-webview-messaging 搭配

https://github.com/facebook/draft-js 来实现,看看有没有坑

5条评论 / 16条回复

很强大

为什么我在同一个页面的跳转页面是会变成这样http://localhost:3000/details/details/5996ab0765c0566225564b7e

其实是这样的http://localhost:3000/details/5996ab0765c0566225564b7e

只是后面的id不同,details是一样的,点击其他页面跳转就可以,在http://localhost:3000/details/5996ab0765c0566225564b7e这个页面跳转id会变,但是不不断的往前添加details

你用的是相对路径吧

2017年09月05日
回复

现在不会这样了,但是参数改变的时候不刷新。要手动刷新

2017年09月05日
回复

是的,因为还是在同一个组件,因此不会触发,

componentDidMount、componentWillMount 事件,

你可以通过 componentWillReceiveProps 事件,

判断props和this.props的某些参数不同(例如新闻id不同),做一些更新操作。

2017年09月05日
回复

npm run build的时候报这个错'antd-mobile' does not contain an export named 'Button'.是什么原因。

2017年09月06日
回复

没有使用过 antd-mobile

2017年09月07日
回复

大神,你把后台数据转换成html用的是什么方法,我用innerHTML,感觉有点麻烦

2017年09月07日
回复

你的通知信息里的样式超出来了

2017年09月07日
回复

我是在用户提交帖子、评论的时候,输出draft.js的json数据,并转换成出html,2份一起提交给后端,html用于展示,json用于以后的编辑。

2017年09月07日
回复

我也想,能不能将draft的json,在后端操作输出成html,这样前端就不用输出html了

2017年09月07日
回复

已经把页面做出来了😃,可惜交互要token做不了,不能发表和登录。谢谢哈

2017年09月07日1 人赞
回复
还有 4 条评论

componentWillReceiveProps=(props)=> {

if (props && this.props.params.key != props.params.key) {

this.req(path[this.state.num])

}

}

是这样子吗,现在可以刷新了,不知道写法对不对。

嗯,判断这样是对的

2017年09月05日
回复

大神,谢谢 0-0

楼主,这个富文本,可以上传图片和文件吗


回复

darft.js默认没有提供上传功能,上传需要自己实现,上传完成后,添加媒体文件到富文本,可以参考如下例子。

https://github.com/facebook/draft-js/blob/master/examples/draft-0-10-0/media/media.html

9月20日
回复