react-web-highlight icon indicating copy to clipboard operation
react-web-highlight copied to clipboard

移动端

Open ddddderek opened this issue 3 years ago • 1 comments

请问该库支持移动端嘛

ddddderek avatar Oct 13 '22 13:10 ddddderek

现在不支持, 需要改写下事件的触发方式 ,这块之前想做, 后续没有需求就停滞了 ...

iweijie avatar Oct 19 '22 03:10 iweijie

如果能支持移动端就太完美了😄

leejunhui avatar Nov 07 '22 07:11 leejunhui

现在不支持, 需要改写下事件的触发方式 ,这块之前想做, 后续没有需求就停滞了 ...

最近项目中遇到了在 h5 页面中划线标注和笔记的需求,想请教一下如果要让 react-web-highlight 支持移动端的话改造成本高吗?以及如果要支持移动端的话的一个改造思路是怎么样的呢?十分感谢~

leejunhui avatar Nov 07 '22 08:11 leejunhui

image

@leejunhui 现有的事件是在pc端 mouseup 去判断是否有选中的文本, 移动端这边事件的触发可能会有所不同

iweijie avatar Nov 30 '22 15:11 iweijie

image

@leejunhui 现有的事件是在pc端 mouseup 去判断是否有选中的文本, 移动端这边事件的触发可能会有所不同

感谢回复~ 这个库支持移动端的长按手势 https://github.com/luojilab/easy-marker,但是它的高亮和划线不是在原本的文字的 DOM 结构上,而是一个 svg 盖在了文字的上面,这样就会造成调整文字大小之后,高亮和划线位置错误。我再尝试看看能不能结合 easy-marker 和 react-web-highlight 实现一下

leejunhui avatar Dec 06 '22 10:12 leejunhui

@iweijie 在借鉴了您的 react-web-highlight 的核心代码后,结合 easy-marker 的长按手势识别,最终达到了理想的效果👍🏻

leejunhui avatar Dec 28 '22 02:12 leejunhui