Символы в ссылке

304
15 декабря 2016, 16:34

Здравствуйте,программно создаю ссылку,следующим методом: В span (contenteditable="true") вводиться текст,затем при нажатии на кнопку появляется promt туда вводиться ссылка на ресурс,затем ресурс оборачивается тегом.Вот пример

        var link_url = prompt('Введите адрес  ресурса:');
        var text_link = $("span").text();
        var link_got = '<a href="' + link_url + '">' + text_link + '</a>';
        $(".selspan").text(link_got);

Дело в том,что потом появляется вот такое

&lt;a href="https://mail.ru/"&gt;Почтовый сервис&lt;/a&gt;

Как с этим бороться,как сделать < вместо &lt

Спасибо!

Answer 1

Хм, может потому что text() - это вставка текста, HTML-сущности превращаются в мнемоники, а не HTML-кода?

Use the html(), Luke!

$(function() { 
  $('#getLink').on('click', function() { 
    var text_link = $("#textForLink").text(), link_url, link_got; 
     
    if(text_link == '') 
      return; 
     
    link_url = prompt('Введите адрес  ресурса:'); 
    link_got = '<a href="' + link_url + '">' + text_link + '</a>'; 
     
    $("#textSpan").text(link_got); 
    $("#htmlSpan").html(link_got); 
  }); 
});
#textForLink:focus{ 
  outline: none; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<h2>Text for link</h2> 
<span contenteditable="true" id='textForLink'></span> 
<br /> 
<input type='button' id='getLink' value='Get link!' /> 
<h3>Result</h3> 
<h4>Text</h4> 
<span id='textSpan'></span> 
<h4>HTML</h4> 
<span id='htmlSpan'></span>

Но это какой-то сложный путь, не проще через prompt() попросить и текст ввести?

Answer 2

Либо использовать метод html вместо text, что, кстати, небезовасно; либо просто сделать по-человечекси без превращения всего в текст:

var link_url = prompt('Введите адрес  ресурса:');
$(".selspan").html($("<a>").html($("span")).attr("href", link_url));
READ ALSO
Ошибка в логике рисования линий js [закрыто]
HTML

Ошибка в логике рисования линий js [закрыто]

Прямые не проходят через узел(точку 0 0)На этой странице я ищу корни системы Д

 296
Как реализовать смену фона блока при прокрутке страницы?
HTML

Как реализовать смену фона блока при прокрутке страницы?

Есть див, который движется медленнее относительно других элементов страницы при прокруткеУ этого дива фон задан изображением

 542
Где исправить настройку в .htaccess
HTML

Где исправить настройку в .htaccess

Всем привет! есть у меня на поддомене сайт с wordpress вида twinмой_домен С главной страницей все ок, а при переходе на другие возникает 500 внутренняя...

 295
Ожидание загрузки страницы
HTML

Ожидание загрузки страницы

Здравствуйте, при открытии страницы выполняется скриптПодскажите способы как добавить надпись "пожалуйста подождите" а когда скрипт загрузится...

 346