如何使用jquery和/或javascript在文本区域内查找链接标记并将其转换为@import标记?
正如标题所说,我有一个文本输入区域,它定义了一些css样式表。我希望在文本输入区域内找到并用@import标记替换所有链接标记。我需要一些javascript函数,它可以触发图像的点击 关于如何构造函数进行查找和替换,有什么想法吗 谢谢 这里有一个例子。我需要从以下几点开始:如何使用jquery和/或javascript在文本区域内查找链接标记并将其转换为@import标记?,javascript,jquery,html,function,Javascript,Jquery,Html,Function,正如标题所说,我有一个文本输入区域,它定义了一些css样式表。我希望在文本输入区域内找到并用@import标记替换所有链接标记。我需要一些javascript函数,它可以触发图像的点击 关于如何构造函数进行查找和替换,有什么想法吗 谢谢 这里有一个例子。我需要从以下几点开始: <textarea rows="30" cols="30" name="code"> <link rel="stylesheet" type="text/css" href="stylesheet.css
<textarea rows="30" cols="30" name="code">
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</textarea>
为此:
<textarea rows="30" cols="30" name="code">
@import url("stylesheet.css");</textarea>
@导入url(“stylesheet.css”);
var textarea=document.getElementById('plesegiveyourtextareaanid');
textarea.value=textarea.value.replace(新的RegExp(“'g'),“@import url($1”);”);
应该这样做。只是为了好玩,纯jQuery版本:
var$textarea=$('textarea[name=“code”]”);
$textarea.val(
$( '' )
.html($textarea.val())
.find('link[rel=“stylesheet”][type=“text/css”]”)
.each(函数(
{
var$this=$(this);
$this.replaceWith(“@import url(“'+$this.attr('href')+'”)”);
} )
(完)
.html()
);代码>
导入url(“stylesheet1.css”);
jhg jhjh
JHG hjgk g
@导入url(“stylesheet2.css”);
@导入url(“stylesheet3.css”);
b千焦
jhvh gjfvjk guy m
谷雨
@导入url(“stylesheet4.css”);vj hj
,mh jkh kjgh
@导入url(“stylesheet5.css”);
bhjbhj
jhg jhjh
JHG hjgk g
b千焦
jhvh gjfvjk guy m
谷雨
vj hj
,mh jkh kjgh
bhjbhj
您是否可以编写一些存根代码,例如,您想将what更改为what!!我在主要问题的顶部添加了代码。谢谢您优秀的纯JS版本唯一需要的是在该RegExp上有一个“g”标志,以便所有OP的链接标记都成为导入,而不仅仅是第一个。@JAAulde:谢谢,错过了这一点。:)
var textarea = document.getElementById('pleaseGiveYourTextareaAnID');
textarea.value = textarea.value.replace(new RegExp('<link rel="stylesheet" type="text/css" href="(.*)" />', 'g'), '@import url("$1");');