【问题标题】:How to use strategy function Decorator in Draft.js?Draft.js中如何使用策略函数Decorator?
【发布时间】:2018-09-29 01:54:17
【问题描述】:

我一直在玩 Draft.js 中的装饰器,但是当我无法构建自定义装饰器时 我正在将文本发送到一个 API,我将得到一个响应,其中包含在编辑器中键入的一组不正确的单词所以我正在尝试构建一个 Strategory 函数,该函数将样式应用于该数组中的所有项目

 function highlightWorngWords(contentBlock, callback) {
    let text = contentBlock.getText();
    let worngWords = ['word', 'word1' , 'word2'];
    while ( worngWords  !== null ) {
      start = worngWords.index;
      callback(start, start + worngWords[0].length);
    }  
  }

我错过了什么它不起作用?

【问题讨论】:

标签: javascript arrays reactjs draftjs draft-js-plugins


【解决方案1】:
function highlightWorngWords(contentBlock, callback) {
    let text = contentBlock.getText();
    let worngWords = ['word', 'word1' , 'word2'];
    worngWords.forEach(word => {
      start = text.indexOf(word);
      if (start !== -1) {
         callback(start, start + word.length);
      }
    })
  }

你想做这样的事吗?

【讨论】:

  • 嘿,本,这个解决方案将只突出显示第一个匹配项,例如,如果我有“word word”,它将停止,只有第一个单词会突出显示,我怎样才能让代码查找其余的匹配项?
猜你喜欢
  • 1970-01-01
  • 2019-11-26
  • 2020-10-17
  • 2019-08-11
  • 2018-05-09
  • 2014-11-04
  • 1970-01-01
  • 2021-09-25
  • 2011-01-01
相关资源
最近更新 更多