- 博客(4)
- 收藏
- 关注
RSS订阅原创 基于react的三款稳定好用Markdown格式渲染成HTML插件
最近项目上遇到了展示"大纲文本"内容的需求，前端从后端接收的文本内容为markdown格式，需要转换成HTML格式在页面渲染，具体效果如下：考虑到项目只需要渲染简单的纯色文本格式，并且只渲染展示，不可编辑，所以选择插件的时候，我尽量从稳定、轻量化方向考虑最终选择了三款【react-remarkable】、【marked】、 【react-markdown】，并且对这三款插件作了一个详细的比较，用到这个功能的小伙伴可以自行选择。
2024-05-16 18:30:41
416
原创 react 复制内容到剪切板[超详细]
c.由于clientX,clientY获取到的是触发点相对浏览器可视区域左上角距离，不随页面滚动而改变，因此还需要获取滚动页面的滚动距离 scrollHeight。a.选中文本时，首先得鼠标双击屏幕选中，或者是shift+单击，然后释放鼠标，文本被选中，所以在这里我们使用onmouseup 事件。b.通过事件监听，在handleMouseup=(e)=>{}中拿到当前鼠标相对于屏幕的位置 e.clientX,e.clientY。三.点击copy图标，将拿到的文本内容传递给剪贴板。
2023-06-14 20:08:40
9946
原创 在react稳定版本中使用useEffectEvent
我新建了一个项目将react包升级成实验版本后，发现在项目中仍然没法使用，而且还新出来更多的问题，so,项目中别轻易尝试。但目前experimental_useEffectEvent 还在 建设中，在react的稳定版本中还没办法使用，官网给的解决方案是，将稳定react 稳定版本升级成实验版本。react 新发布的版本18.2.0 中新增了。用于构建 Web 和原生交互界面的库。Timer.tsx 运行截图。
2023-06-08 17:41:18
5512
原创 解决前端项目初始化报错 npm ERR command git --no-replace-objects ls-remote ssh://git@github-com/nhn/raphael-git
解决前端项目初始化报错: code 128npm ERR! An unknown git error occurrednpm ERR! command git --no-replace-objects ls-remote ssh://[email protected]/nhn/raphael.git /github 上添加 SSH key
2021-12-27 16:49:32
53627
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人