首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >我们可以在react-moveable中添加一个编辑文本吗?(同时拖动和编辑)

我们可以在react-moveable中添加一个编辑文本吗?(同时拖动和编辑)
EN

Stack Overflow用户
提问于 2020-07-29 19:11:27
回答 1查看 389关注 0票数 1

在"contentEditable“属性的帮助下,左击React可移动框中的文本并在右击时对其进行编辑。但在智能手机中,我找不到编辑相同内容的方法,它只会被移动。

代码语言:javascript
代码运行次数:0
运行
复制
          <div className="moveable">
            <span
              contentEditable="true"
              onClick={e => {
                this.handleClick(e.nativeEvent);
              }}
            >
              React
              <br />
              Moveable
            </span>
          </div>

请告诉我一个解决方案,要么允许编辑以某种方式与左键点击或解决方案的可编辑文本在智能手机。

这是供参考的CodeSandbox链接:https://codesandbox.io/s/react-moveable-demo-bplv0

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-29 19:48:02

类似于可伸缩、可扭曲、可调整大小的目标,在代码中添加一个可拖动的状态,如下所示:

代码语言:javascript
代码运行次数:0
运行
复制
 state = {
        target: null,
        container: null,
        scalable: true,
        resizable: false,
        warpable: false,
        draggable: false
      };
 render() {
    const { scalable, warpable, resizable, target, draggable } = this.state;
       return(
          ....your code
             )

      }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63152282

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档