如何生成一个JS编辑器/文本区，根据每个单词的长度对其进行样式化

How to produce a JS editor/textarea that styles each *word* based on its length

本文关键字：单词 样式 何生成 一个 JS 文本区 编辑器      更新时间：2023-09-26

我想根据每个单词的长度和可能的其他属性(例如它所在行的长度)分别为设置样式。这应该在用户输入时实时发生，并且在他输入的同一文本区域。

我一直在尝试(小成功)使用所见即所得的编辑器js库，如codemmirror，但我认为它可能是多余的，因为预期的内容是简单的文本。然而，我真的很乐意使用其中一个，因为它们提供了其他有趣的功能(如自动保存)，我肯定会在未来使用!

我使用jQuery。下面是一个根据输入文本的长度(奇数=蓝色，偶数=红色)来切换输入文本的颜色的工具。

$('.myInput').keyup(function(){
    var inLength=$(this).val().length;
    if (inLength % 2==0){
        $(this).css("color", "red"); 
    }
    else{
        $(this).css("color", "blue");
    }
})
相关文章：