Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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 如何使突出显示的输入文本_Javascript_Html_Css_Input_Contenteditable - Fatal编程技术网

Javascript 如何使突出显示的输入文本

Javascript 如何使突出显示的输入文本,javascript,html,css,input,contenteditable,Javascript,Html,Css,Input,Contenteditable,我想制作彩色输入文本,换句话说,我希望它看起来像这样: 不是这个: 请告诉我如何做到这一点是可能的,我假设您将使用属性为contenteditable的元素尝试检出它通常用于突出显示代码段,它还允许您自定义样式和标记。向我们展示您的尝试。因此,这不是一个免费的代码编写服务。这里的目的是让你发布你解决自己问题的尝试,当这些尝试没有达到预期效果时,其他人会提供帮助。看,我以前从来没有尝试过,因为我不知道怎么做,这就是我为什么要问的原因。相同颜色字符的每一组都需要在一个样式范围内为字符提供颜色创建

我想制作彩色输入文本,换句话说,我希望它看起来像这样:

不是这个:


请告诉我如何做到这一点是可能的,我假设您将使用属性为
contenteditable

元素尝试检出它通常用于突出显示代码段,它还允许您自定义样式和标记。

向我们展示您的尝试。因此,这不是一个免费的代码编写服务。这里的目的是让你发布你解决自己问题的尝试,当这些尝试没有达到预期效果时,其他人会提供帮助。看,我以前从来没有尝试过,因为我不知道怎么做,这就是我为什么要问的原因。相同颜色字符的每一组都需要在一个样式范围内为字符提供颜色<代码>创建(“…
是的,我知道这一点,但是如果您键入更多,比如在属性contenteditable处于活动状态的div中,那么它将不会着色,除非您键入span元素?在contenteditable中自己不需要脚本来解析它,这不是一件小事。这是代码吗?如果是的话,请使用代码编辑器脚本。有各种各样的脚本