一款好用的多功能输入框 @wzx-unreal/react-comment-input

已于 2024-03-05 18:18:04 修改
阅读量211 收藏 1
点赞数 3
分类专栏： react组件库 文章标签： react.js 前端 前端框架
于 2024-03-04 18:49:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34206270/article/details/136459524
版权

现在chatGPT流行起来了，输入框需要用到@等快捷键触发，我再开发的时候找不到好用的轮子，就自己写一个基于slate开发的简介输入框，可以自定义节点等，应该会满足绝大部分需求
示例
在这里插入图片描述

qq_2396423791
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
react实现仿微信聊天输入框
qq_43442789的博客
04-19 3534
react实现仿微信聊天输入框 实现原理： 利用H5提供的元素可编辑属性 contentEditable 使普通的html元素具有和输入框一样的编辑功能 其他实现方式（较复杂）： 使用textarea作为输入框 准备一个与textarea等宽的pre元素，用于计算内容高度，需要设置css {word-break:break-all} 否则可能不会自动换行 输入的同时将value写入pre...
react实现聊天界面_使用react做的聊天对话列表
weixin_39827034的博客
12-20 2076
刚刚接触react 可能写的地方有错误或者不完善的地方欢迎大家给指正下面开始正题首先分析页面基于react的特性--把页面中所有显示内容看做模块加载本页面可以看做一个大的模块，我们暂且命名为commentbox评论列表是由一条条的评论内容组成，所以把评论内容comment，单独作为一个模块，然后放在评论列表的模块里commentlist底部的输入框作为一个输入模块commentform页面分析...
js 带表情的评论输入框问题
嘿嘿
01-15 1361
js 带表情的评论输入框问题 <div class="comment_con clearfix"> <div class="comment_input_box"> <!-- div 模拟input输入框　 --> <div type="text" class="comment_input" contente...
React 编写网页聊天界面（仿钉钉）
qq_45634989的博客
11-24 5128
React 编写网页聊天界面（仿钉钉）
封装一个丝滑的聊天框组件
热门推荐
jacoby_fire的博客
12-13 2万+
这里没有写滚动条的处理逻辑，手写一下： 用ref绑定滚动条，发送消息or拉取历史记录，需要计算滚动条滚动的高度并作出对应处理。应公司业务要求，需要做个聊天机器人，要适应不同的业务场景，大概就跟淘宝客服类似，发送消息，机器人自动回复。
推荐使用：ReactChatElements - 动态聊天界面组件库
gitblog_00005的博客
05-15 566
推荐使用：ReactChatElements - 动态聊天界面组件库 项目地址:https://gitcode.com/Detaysoft/react-chat-elements ReactChatElements 是一款专为React开发者设计的开源组件库，它提供了一系列丰富且高度可定制化的聊天元素，包括消息框、系统提示、输入框、按钮等，帮助您轻松构建出专业级别的聊天应用。 项目技术分析 该项目...
Python库 | wzx-0.0.4-py3-none-any.whl
02-20
本资源是名为"wzx-0.0.4-py3-none-any.whl"的Python库，它是一个特定版本的打包文件，用于方便用户快速安装和使用。 首先，让我们来理解这个文件名的含义。"wzx-0.0.4"可能是库的作者或项目名称以及版本号，"py3...
Python库 | wzx-0.0.4.1-py3-none-any.whl
04-27
资源分类：Python库 所属语言：Python 使用前提：需要解压 资源全名：wzx-0.0.4.1-py3-none-any.whl 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
PyPI 官网下载 | wzx-0.0.4-py3-none-any.whl
02-10
资源来自pypi官网。 资源全名：wzx-0.0.4-py3-none-any.whl
TWRP-3.3.2B-0301-XIAOMI8-CN-wzsx150-fastboot.7z
12-29
TWRP是一款开源的第三方恢复环境，允许用户执行高级操作，如安装自定义ROM、备份系统、刷入模块等。 标签中的"TWRP"，"小米8"和"WZX150"分别代表了这个压缩包的关键元素：TWRP恢复程序、目标设备型号和开发者标识。...
点击空白处隐藏input，点击评论出现 (微信小程序)
he3236220的博客
11-21 1万+
wxml: 发送 js: // 评论（点击空白处隐藏input，点击评论出现）     click_blank:function(e){         var flag = "";         var comment_placeholder ="";         if(e.target.dataset.comment==1){             flag =
Chat-React基于react的聊天会话组件
weixin_34391445的博客
01-31 7413
Chat-React 基于react的聊天会话组件 GitHub地址 chat-react 演示 chat-react 使用方法 安装 npm install chat-react 复制代码 引入 import Chat from 'chat-react'; 复制代码 使用 export default class MyChat extends Component { state = ...
【React】 10课 react实现QQ聊天框效果
舜岳的博客
06-30 1643
react实现QQ聊天框效果如下： 首先我们如1课创建一个文件夹在文件夹中安装react环境需要的配置文件 npm init -y npm i babel-standalone -D npm i react react-dom -D 安装配置文件教程链接：https://blog.csdn.net/qq_41614928/article/details/93771657 安装完成后我们开始编写...
在Scope中利用Comment-input来列举我们的评论
Elastic 中国社区官方博客
03-29 1805
在新的Scope设计中，有一个新的Comment-input PreviewWidget．这个可以帮我用来列举我们收到评论，比如在点评中，对一个餐馆的评论文字．
React 学习——React.memo（简单、引用类型的prop）
qq_40269801的博客
08-20 538
React React.memo（简单、引用类型的prop） 1、传递一个简单类型的prop，prop变化时组件重新渲染 2、传递一个引用类型的prop，比较的是新值和旧值的引用是否相等;当父组件的函数重新执行时，实际上形成的是新的数组引用； 3、保持引用稳定->useMemo 组件渲染的过程中缓存一个值
React 入门第一天：从Vue到React的初体验
Caleb的博客
08-21 476
作为一名合格的前端工程师，怎么能只会Vue呢？学习React不仅是一场新技术的探索，更是对前端开发思维的一次重新审视。在这里，我将分享学习React的心得，希望能帮助那些和我一样从Vue转向React的开发者。
React Hook Form：指南与示例
最新发布
Yvette Lau的专栏
08-23 516
表单是用户与网站和Web应用程序交互的重要组成部分。验证用户通过表单提交的数据是开发者的一项关键职责。React Hook Form是一个帮助在React中验证表单的库。它是一个没有其他依赖项的精简库，性能优越，使用简单，开发者可以比使用其他表单库写更少的代码。在本指南中，您将学习如何使用React Hook Form库在React中构建表单，而无需使用复杂的渲染属性（render props）或...
FastAPI+React18开发通用后台管理系统用户功能实战
Python私教
08-21 260
如果你想要完整的代码，或者完整的视频教程，或者一对一的私教课，欢迎留言或者私信。当然，想要实现完整的功能肯定远不止这些代码，这里录制了完整的视频教程如下。先看看登录功能使用FastAPI是怎么开发的。没有登录就访问首页则提示请先登录。这些功能是怎么实现的呢？
Traceback (most recent call last): File "/opt/ros/melodic/lib/python2.7/dist-packages/roslaunch/__init__.py", line 290, in main write_pid_file(options.pid_fn, options.core, options.port) File "/opt/ros/melodic/lib/python2.7/dist-packages/roslaunch/__init__.py", line 112, in write_pid_file with open(pid_fn, "w") as f: IOError: [Errno 13] Permission denied: '/home/wzx/.ros/roscore-11311.pid'
07-10
解决这个问题的一种方法是使用管理员权限运行你的程序。你可以尝试使用sudo命令，在终端中输入以下命令运行你的程序： ``` sudo python your_program.py ``` 这样可以使用管理员权限运行你的程序，从而解决权限...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值