Fatal编程技术网
  • javascript/
  • Javascript draft.js中间文本占位符

Javascript draft.js中间文本占位符

javascript

Javascript draft.js中间文本占位符,javascript,draftjs,Javascript,Draftjs,我希望在draft.js中有一个中间文本占位符。我正在构建一个非常轻量级的代码编辑器，当用户插入一个函数时，比如说，foo（），我希望显示表示括号内参数的文本。但是，如果用户仍继续键入，则占位符文本将被用户继续键入的内容覆盖。文档并没有明确说明这是否可行。可变文本区域不会自动替换为用户文本，但这是我最接近的一次。下面是我尝试做的一个示例场景： 空盒子 用户输入foo 用户输入（——框中包含foo（ “我的代码”会自动将其完成到foo（），而无需移动光标位置 编辑器显示foo（arg1） 用户类型

我希望在draft.js中有一个中间文本占位符。我正在构建一个非常轻量级的代码编辑器，当用户插入一个函数时，比如说，
foo（）
，我希望显示表示括号内参数的文本。但是，如果用户仍继续键入，则占位符文本将被用户继续键入的内容覆盖。文档并没有明确说明这是否可行。可变文本区域不会自动替换为用户文本，但这是我最接近的一次。下面是我尝试做的一个示例场景：

  • 空盒子
  • 用户输入
    foo
  • 用户输入
    （
    ——框中包含
    foo（
  • “我的代码”会自动将其完成到
    foo（）
    ，而无需移动光标位置
  • 编辑器显示
    foo（arg1）
  • 用户类型
    5
    --框现在包含
    foo（5）
  • 该框现在显示
    foo（5）
    • 我如何在draftjs中做到这一点？

    draft可以完成您的场景，问题是什么？@Jingyid它是如何处理的？只需检测输入并执行repacement@JiangYD这将导致一个中间步骤，其中条目中的文本和占位符都存在。这是真的。因为条目不受draftjs react状态控制，而是由条目tr控制iggers状态更改。为了防止中间步骤，我认为需要选择
    arg1
    。draft可以完成您的场景，问题是什么？@jiangd它如何处理？只需检测输入并执行repacement@JiangYD这将导致一个中间步骤，其中条目中的文本和占位符都存在。因为条目不受draftjs反应状态控制，但条目触发状态更改。为了防止中间步骤，我认为需要选择
    arg1
    。