Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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_Jquery_Html_Css_Regex - Fatal编程技术网

如何使用javascript将文本替换为彩色文本

如何使用javascript将文本替换为彩色文本,javascript,jquery,html,css,regex,Javascript,Jquery,Html,Css,Regex,我在文本区有这个文本 {color:#c91d1d}Hello{color} 提交时,我希望{}标记之间的文本以{}标记内指定的颜色显示,颜色为: 如何在javascript中使用javascript内置函数提取颜色代码 var colorValue = str.substring(7, 7); 它从第7个位置提取7个字符 现在使用以下方法更改颜色: document.getElementById("myH2").style.color = colorValue; 我希望这会起作用您

我在文本区有这个文本

{color:#c91d1d}Hello{color}  
提交时,我希望{}标记之间的文本以{}标记内指定的颜色显示,颜色为:


如何在javascript中使用javascript内置函数提取颜色代码

 var colorValue = str.substring(7, 7);
它从第7个位置提取7个字符

现在使用以下方法更改颜色:

document.getElementById("myH2").style.color = colorValue;

我希望这会起作用

您可以使用类似的正则表达式

$'input'。在'input'上,函数{ $'result'.htmlthis.value.replace/\{color:.*.\}.*.\{color\}$/g,$2'; }.triggerHandler“输入”; 文本区{ 宽度:100%; 最小高度:100px; } {color:c91d1d}你好{color}-{color:green}你好{color}
Arun是对的,如果您只需要从{color:c91d1d}Hello{color}字符串获取Hello,您可以这样做

var justtext={color:c91d1d}你好{color}.match/\{.*\}.*\{.*\}/[1] 这就是可以做到的 不需要使用正则表达式

试试这个

var str=$'t'.text; var res=str.substring7,14; newstr=str; 而newstr.indexOf{color}>-1{ newstr=newstr.replace{color}; } 而newstr.indexOf{color:>-1{ newstr=newstr.replace{color:; } document.getElementByIdt.innerHTML=newstr; {color:c91d1d}你好{color} {color:red}{color}{color:yellow}{color}{color:green}you{color}
为什么你需要{}{ }语法?为什么在选择颜色时不生成HTML?你使用的是什么文本编辑器?可能考虑切换到生成HTML的那个。这是我使用{颜色:MeCuloLo}}文本{颜色}的要求。我正在使用标记编辑器。谢谢Rahul,但是我正在寻找替换{颜色:红色}文本{颜色}。此内容的文本为红色。文本区域中所选的文本必须更改。谢谢Arun ji,假设,如果我向该div添加另一个{color:green}hi{color},那么结果会是什么。请帮助我。你的答案对我来说非常接近。@Arun P Johnynot working@Arun。我得到的结果是这样的{color:c91d1d}Hellowhat is the input text That That That That That That the input text That That That That the div中的文本似乎正在工作我给出的是这样的{color:c91d1d}你好{color}…并且o/p将是{color:c91d1d}HelloHi vuk,我按照Arun的建议尝试了。但无法正确替换。请帮助我,你不能给出子字符串7-14。我可以添加任何{color}假设我添加两个或更多的{color:red}red{color}{color:red}green{color},然后?和您硬编码的子字符串,我们必须使用正则表达式,正如Aruni所建议的那样编辑我的答案,现在它的行为完全如您所愿:我已经给出了概念,您可以使用它来实现任何您想要的:@Joy还有问题吗?