Как найти и преобразовать теги ссылки в теги @import внутри текстовой области, используя jquery и / или javascript?

Question

Как видно из заголовка, у меня есть область ввода текста, которая определяет несколько таблиц стилей CSS.Я ищу, чтобы найти и заменить все теги ссылки с тегами @import внутри области ввода текста.Мне нужна функция JavaScript, которая запускает щелчок изображения.

Любые идеи о том, как структурировать функцию для поиска и замены?

Спасибо!

PS вот пример.Мне нужно следующее, чтобы перейти от этого:

<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>

Answer 1

var textarea = document.getElementById('pleaseGiveYourTextareaAnID');
textarea.value = textarea.value.replace(new RegExp('<link rel="stylesheet" type="text/css" href="(.*)" />', 'g'), '@import url("$1");');

Должен сделать свое дело.

Answer 2

Просто для удовольствия, чистая версия jQuery: http://jsfiddle.net/JAAulde/E8WW3/3/

var $textarea = $( 'textarea[name="code"]' );

$textarea.val(
    $( '<div>' )
        .html( $textarea.val() )
        .find( 'link[rel="stylesheet"][type="text/css"]' )
            .each( function()
            {
                var $this = $( this );
                $this.replaceWith( '@import url("' + $this.attr( 'href' ) + '");' );
            } )
            .end()
        .html()
);

@import url("stylesheet1.css");
    jhg jhjh 
   jhgh hjgk g 
   @import url("stylesheet2.css");
@import url("stylesheet3.css");
    b kj 
    jhvh gjfvjk guy m
guyyu    
    @import url("stylesheet4.css");vj hj
,mh jkh kjgh
    @import url("stylesheet5.css");
    bhjbhj

<textarea rows="30" cols="30" name="code">
<link rel="stylesheet" type="text/css" href="stylesheet1.css" />
    jhg jhjh 
   jhgh hjgk g 
   <link rel="stylesheet" type="text/css" href="stylesheet2.css" />
<link rel="stylesheet" type="text/css" href="stylesheet3.css" />
    b kj 
    jhvh gjfvjk guy m
guyyu    
    <link rel="stylesheet" type="text/css" href="stylesheet4.css" />vj hj
,mh jkh kjgh
    <link rel="stylesheet" type="text/css" href="stylesheet5.css" />
    bhjbhj
</textarea>