如何突出显示textarea中的部分文本

如何突出显示textarea中的部分文本

本文介绍了如何突出显示textarea中的部分文本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有没有办法在textarea中突出显示部分文本?

针对Ex:说文本为Hi @twitter @twitpic现在我只想强调 @twitter和@twitpic ,而不是 Hi 。这需要在飞行中发生。

我不想使用 iframe



在此先感谢

解决方案

如果没有围绕特定词语包装标签,则无法突出显示它(或者如我所说,至少我不知道如何)。
但如果包装标签没有问题,则应使用regEx。



用于以@开头的字词:


$ b $< code>替换

以及以#开头的单词:

  status.replace(/#([^] +)/ g,'< span class =hashtag>#$ 1< / span>'); 

检查



编辑:您可以替换

  var status ='我推送了一些#one #two @three @four'; 

with

  var status = $('#phrase')。text(); 


Is there a way to highlight a part of text in textarea.
For Ex: Say the text is "Hi @twitter @twitpic" and now I would like to highlight @twitter and @twitpic only and not Hi. This has to happen on the fly.
I dont want to use iframe

Thanks in advance

解决方案

without wrapping a tag around the specific words, you cannot highlight it (or as i said, at least I have no idea how to).but if there is no problem with wrapping tags, you should use regEx.

for words starting with @ :

replace(/@([^ ]+)/g, '<span class="atsign">@$1</span>');

and for the words starting with # :

status.replace(/#([^ ]+)/g, '<span class="hashtag">#$1</span>');

check this fiddle

EDIT: you can replace

var status = 'I tweeted something #one #two @three @four';

with

var status = $('#phrase').text();

这篇关于如何突出显示textarea中的部分文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-02 09:27