Нужно правильно визуализировать html-теги

Question

Я знаю, что этот вопрос, возможно, был задан раньше, но я еще не нашел способ решить мою проблему.

На this page, если вы нажмете на Webster слева, вы увидите часть, которая гласит <b>test html</b><br />. Мне нужно, чтобы это было правильно отображено на странице.

Вот данные, которые получает сохраняются в базе данных: <b>test html</b><br />

А вот как я показываю его на странице (проблемная зона store_details):

contentPane.html(''); 

html = '<div onclick="showStoreDetails(\'item_store_'+j+'\')" class="custom-location-wrapper"><div class="wk_st_product_gen" id="item_store_'+ j +'" onmouseout="offhighlightMarker('+j+')" onmouseover="highlightMarker('+j+')" onclick="showcontent(\''+store_title+'\',\''+store_address+'\',\''+store_link+'\',\''+j+'\')"><input type="hidden" class="position" id="'+str_dis; 
html+= '"><input type="hidden" id="str_lati" value="'+store_latitude; 
html+= '"><input type="hidden" id="str_longi" value="'+store_longitude; 
html+= '"><div class="store_info"><img alt="store" src="<?php echo HTTP_SERVER;?>image/webkul-store-locater/'+store_image; 
html+= '"> <div class="store_address"><div class="store_title">'+store_title; 
html+= '</div><div class="store_details"><p class="store_addressline" >'+store_address; 
html+= '</p><p class="store_locality">'+store_local; 
html+= '</p><p class="store_distance">'+store_distance; 
html+= '</p><p>'+store_details; 
html+= '</p></div></div></div></div>'; 
html+= '<style>#alert_red{display:none;}</style>'; 

contentPane.append(html); 

Answer 1

Вы можете просто использовать html_entity_decode в PHP для декодирования вам данных перед извлечением его. не

us3.php.net/html_entity_decode

Answer 2

Взгляните библиотека Lo-Dash (на основе подчеркивания). Он имеет метод _.unescape, который делает это:

http://lodash.com/docs#unescape

html+= '</p><p>'+_.unescape(store_details);