Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html中文本区域的自动着色_Javascript_Html_Css - Fatal编程技术网

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

Javascript html中文本区域的自动着色,javascript,html,css,Javascript,Html,Css,我想做一个代码编辑器。 就这么简单。 我想知道如何在中设置文本样式,而无需使用例如 因为文本在不断更新。。 使用纯(javascript或css)(请不要使用jquery或库) 感谢您的建议将此内容放入您的CSS: textarea { font-family: arial; } 您可以将字体系列更改为所需的任何字体textareasupportoninput事件,每次键入时都会触发该事件。例如: <textarea oninput="testFunction()">

我想做一个代码编辑器。 就这么简单。 我想知道如何在
中设置文本样式,而无需使用
例如 因为文本在不断更新。。 使用纯(javascript或css)(请不要使用jquery或库) 感谢您的建议

将此内容放入您的CSS:

    textarea {
    font-family: arial;
}

您可以将字体系列更改为所需的任何字体

textarea
support
oninput
事件,每次键入时都会触发该事件。例如:

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

函数testFunction(){
console.log(“输入已更改”);
}

这将使您在编写所需的普通JS代码方面领先一步。

您是否尝试过这样做

您可以简单地执行此操作,只需在
中添加
style=“color:orange;”
,如下所示:

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

您可以在
textarea{}中设置任何您想要的样式
在css中。

到目前为止你尝试了什么?你能添加你的代码吗?不要再发明轮子了。这可能比你想象的要困难得多。谷歌搜索语法高亮器有很多东西,你可以通过包含脚本来实现。试试吧,我在征求建议……不是发明……为什么你不能写css呢les inside
textarea
selector.我遗漏了什么吗?非常感谢!欣赏它..不知道为什么这些人有这么多仇恨!@ItachiSama这不是仇恨,这是一个想法,所以问题不应该太宽泛和太抽象。因为社区是自我管理的,当你问一些精确的问题时,其他人会欣赏你,比如“这是我的代码,我做错了什么?“这真的是一个建议,我应该站在哪里…就像阅读这个链接开始例如。。。
textarea {
    color: orange;
}