react edit text

2025-12-11 0 600

react edit text

这是一个易于使用的可编辑文本组件。只需单击文本框即可编辑!

由Brian Min制成的❤️

演示

请访问https://bria**nmi*n.com/reaeact-edit-text/进行实时演示和各种示例。

安装

npm install react-edit-text --save

类型定义

npm install @types/react-edit-text --save-dev

用法

在使用组件之前,请确保导入CSS样式表

 import React from \'react\' ;

import { EditText , EditTextarea } from \'react-edit-text\' ;
import \'react-edit-text/dist/index.css\' ;

export default function Example ( ) {
  return (
    < div >
      < EditText showEditButton />
      < EditTextarea />
    </ div >
  ) ;
} 

道具

共享道具

支柱 类型 必需的 默认 描述
ID 细绳 HTML DOM ID属性
姓名 细绳 HTML输入名称属性
className 细绳 显示组件的HTML类属性
InputClassName 细绳 输入组件的HTML类属性
价值 细绳 组件的值
默认值 细绳 组件的默认值
占位符 细绳 \’\’ 占位符价值
formatDisplayText 功能 (x)=> x 在值上应用回调函数以显示格式的值
onsave 功能 保存输入时触发回调函数
Onchange 功能 更改输入时触发回调函数
OnEditMode 功能 单击组件时触发回调函数
Onblur 功能 输入模糊时触发回调函数
风格 目的 设置CSS输入样式和查看组件
可读 布尔 错误的 禁用输入,仅显示视图组件

EditText Props

支柱 类型 必需的 默认 描述
类型 细绳 \’文本\’ HTML DOM输入文本类型
排队 布尔 错误的 设置内联显示
展示 布尔 错误的 显示一个可以按下可以启用编辑模式的编辑按钮
edituttoncontent 节点 设置编辑按钮的内容。这可以是任何有效元素
EdituttonProps 目的 {} 将传递给编辑按钮的道具设置。这可以是任何有效的DOM属性

Edittextarea道具

支柱 类型 必需的 默认 描述
数字| \’汽车\’ 3 可见行数

贡献

非常感谢和欢迎捐款。有关更多详细信息,请参考贡献指南。

执照

麻省理工学院©Brian Min

下载源码

通过命令行克隆项目:

git clone https://github.com/bymi15/react-edit-text.git

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

申明:本文由第三方发布,内容仅代表作者观点,与本网站无关。对本文以及其中全部或者部分内容的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。本网发布或转载文章出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,也不代表本网对其真实性负责。

左子网 建站资源 react edit text https://www.zuozi.net/35097.html

zb table
下一篇: zb table
常见问题
  • 1、自动:拍下后,点击(下载)链接即可下载;2、手动:拍下后,联系卖家发放即可或者联系官方找开发者发货。
查看详情
  • 1、源码默认交易周期:手动发货商品为1-3天,并且用户付款金额将会进入平台担保直到交易完成或者3-7天即可发放,如遇纠纷无限期延长收款金额直至纠纷解决或者退款!;
查看详情
  • 1、描述:源码描述(含标题)与实际源码不一致的(例:货不对板); 2、演示:有演示站时,与实际源码小于95%一致的(但描述中有”不保证完全一样、有变化的可能性”类似显著声明的除外); 3、发货:不发货可无理由退款; 4、安装:免费提供安装服务的源码但卖家不履行的; 5、收费:价格虚标,额外收取其他费用的(但描述中有显著声明或双方交易前有商定的除外); 6、其他:如质量方面的硬性常规问题BUG等。 注:经核实符合上述任一,均支持退款,但卖家予以积极解决问题则除外。
查看详情
  • 1、左子会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全! 2、左子无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别; 3、在源码同时有网站演示与图片演示,且站演与图演不一致时,默认按图演作为纠纷评判依据(特别声明或有商定除外); 4、在没有”无任何正当退款依据”的前提下,商品写有”一旦售出,概不支持退款”等类似的声明,视为无效声明; 5、在未拍下前,双方在QQ上所商定的交易内容,亦可成为纠纷评判依据(商定与描述冲突时,商定为准); 6、因聊天记录可作为纠纷评判依据,故双方联系时,只与对方在左子上所留的QQ、手机号沟通,以防对方不承认自我承诺。 7、虽然交易产生纠纷的几率很小,但一定要保留如聊天记录、手机短信等这样的重要信息,以防产生纠纷时便于左子介入快速处理。
查看详情

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务