2015-10-09 3 views
0

Я пытаюсь дать HTML-элемент разметке, но выводит ее в строке.Получение HTML-разметки в скомпилированной строке

Мой код:

var inputString = tweet.text; 
var findme = screen_name; 
tweet.text = inputString.replace(screen_name, "<span class='searched'>" + screen_name + "</span>") 
+0

Что 'tweet'? –

+0

Вы пытались преобразовать скобки лодыжки в ссылки на сущности? < span class = 'search' > "+ screen_name +" </span > " – santon

ответ

0

Попробуйте

.innerHTML 

.Привернуть выводит строки, а не HTML

EDIT

var inputString = tweet.text; 
var findme = screen_name; 
tweet.text = inputString.replace(screen_name, "<span class='searched'>" + screen_name + "</span>") 
SomeHTMLObject.innerHTML=tweet.text; 
+0

Извините, я не уточнил это достаточно: tweet = объект. Tweet.text - это строка. – RW24

+0

Как насчет этого? –

+0

. string, поэтому вам нужно «переписать» свой объект –

0

Вы как я испытываю эту проблему, потому что вы устанавливаете строку в пользовательском интерфейсе, как текст, а не HTML. Элементы имеют свойство innerHTML, которое при необходимости создаст дочерние элементы.

DEMO

var inputString = "Hello Daniel!"; 
var findme = "Daniel"; 
var replacedString = inputString.replace(findme, "<span class='searched'>" + 
               findme + "</span>"); 
document.querySelector('#output').innerHTML = replacedString; 
0

Обнаруженные решение сам:

На странице HTML, вы можете должны использовать HTML-побег. Таким образом, вы должны использовать {{{ variable }}} вместо {{ variable }}

Простого решения, надо было думать об этом ..

Смежные вопросы