如何创建一个一个的文本并返回以修复拼写

Question

我在placeholder.And中插入了一段文字，它正在工作properly.Now出现文字后，我希望光标转到特定点（此处有疑问）并更正拼写错误的单词（有疑问怀疑）。

怎么做？你能告诉我我想在项目中做的任何例子吗？

代码###

var txt = "Please write your message.If any doubts, don't hesitate to make a questions !";
var timeOut;
var txtLen = txt.length;
var char = 0;
$('textarea').attr('placeholder', '|');
(function typeIt() {
  var humanize = Math.round(Math.random() * (200 - 30)) + 30;
  timeOut = setTimeout(function() {
    char++;
    var type = txt.substring(0, char);
    $('textarea').attr('placeholder', type + '|');
    typeIt();

    if (char == txtLen) {
      $('textarea').attr('placeholder', $('textarea').attr('placeholder').slice(0, -1)) // remove the '|'
      clearTimeout(timeOut);
    }

  }, humanize);
}());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <textarea cols="50" rows="15" placeholder=""></textarea>
</form>

Answer 1

首先，添加另一个变量来保存修改后的、没有拼写错误的字符串，这样我们仍然可以遍历原始字符串。这个新变量将用于显示文本。

var modified_txt = "";

如果您知道拼写错误在字符串中的位置，您可以制作一个拼写错误位置的对象以进行检查。

//Positions in the txt string where typos exist
var typos = {
  38: {},
  25: {}
}

随着您的字符计数器增加，您可以根据对象检查它。

var test = typos[char];
if (test !== undefined) {
  //Typo found do something with it
}

在这种情况下，我选择编写 2 个新函数，1 个用于添加字符，1 个用于删除字符

function deleteCharacter(text) {
  text = text.substring(0, text.length - 1);
  return text;
}

function addCharacter(text, character_added) {
  text = text + character_added;
  return text;
}

我还决定让一个错字对象属性成为一个函数，这样我们就可以组织错字并在错字对象中做我们想做的事。

var typos = {
  38: {
    error: 's',
    correction: function(text) {
      var temp = deleteCharacter(text);
      $('textarea').attr('placeholder', temp + '|');
      return temp;
    }
  }
}

现在我们可以在发现拼写错误时进行函数调用。

if (test !== undefined) {
  //Typo found do something with it
  setTimeout(function() {
    var chunk_one = test.correction(modified_txt);
    modified_txt = chunk_one;
    char++;
    typeIt();
  }, humanize());
} else { //If no typos are found then move to the next character
  setTimeout(function() {
    char++;
    typeIt();
  }, humanize());
}

Full working code at codepen

如何创建一个一个的文本并返回以修复拼写

How to create text come one by one and go back to fix the spelling

javascript

css

animation

textbox

slideshow

代码###