在html中的文本区域中自动着色

-5

我正在尝试编写代码。只是一个简单的。想知道我怎么能风格<textarea>内的文本，无需使用<span class="function"></span>例如因为文本是不断更新的.. 使用纯（JavaScript或CSS）（无jQuery的或库请）感谢您的意见在html中的文本区域中自动着色

你到目前为止试过了什么？你可以添加你的代码吗？ –

不要重新发明车轮。这可能比你想象的要困难得多。谷歌的语法荧光笔有很多，你可以通过包含一个脚本来实现。 –

尝试https://highlightjs.org/ – Mayank

-1

在你的CSS将这个：

textarea { 
    font-family: arial; 
}

您可以更改字体系列任何你想要

2016-01-20 13:32:23

textarea支持oninput事件，每次键入它时都会触发。例如：

<textarea oninput="testFunction()"></textarea> 
<script> 
function testFunction() { 
    console.log("input has changed"); 
} 
</script>

这应该会让您在编写所需的vanilla JS代码方面领先一步。

2016-01-20 13:40:24

非常感谢你！欣赏它..不知道为什么这些人有这么多的仇恨！ –

@ItachiSama它不是讨厌的，它的思想是，问题不应该太宽泛，太抽象。由于社区是自我管理的，所以当你问精确的问题时，其他人会很欣赏，比如“这是我的代码，我做错了什么？” –

这真的是一个建议，我应该踩在哪里..就像阅读这个链接开始例如... –

你还试过吗？

你可以做到这一点一样方便，只需添加style="color: orange;在你<textarea>像这样：

<textarea style="color: orange;"></textarea>

或者你可以在CSS像这样添加：

textarea { 
    color: orange; 
}

你可以把它的风格是什么永远，你想要在css中的textarea { }。

2016-01-20 13:47:31 UnScope

回答