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

271

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

Создание интернет-магазина спортивных товаров в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

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

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

263

HTML

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

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

504

HTML

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

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

256

HTML

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

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

313