Se percebo bem o teu problema o que queres é escapar as tags de HTML para poderes ver o código fonte desta maneira:
<p class="teste">Ola mundo!</p>.
Para isso tens de transformar alguns dos simbolos dessa string de HTML nas suas entidades HTML correspondentes.
Sugiro usares uma biblioteca para isso como por exemplo o he.js
O código ficaria assim:
$(function(){
var val = $(".val-input").html(); // aqui tem de ser .html()
var text = he.escape(val); // <- esta é a linha que queres
$("#mostrador").html(text); // aqui tem de ser .html()
});
Opção para strings simples:
Se as strings forem simples podes usar este código:
var entityMap = {
"&": "&",
"<": "<",
">": ">",
'"': '"',
"'": ''',
"/": '/'
};
function escapeHtml(string) {
return String(string).replace(/[&<>"'\/]/g, function (s) {
return entityMap[s];
});
}
O que o código faz é procurar na string por caracteres como &<>"'\/
e subsitui-los na string pela sua representação visual em HTML, que está no objeto entityMap
.
he.js
para eu dar uma olhada... ou então podes colocar aqui o código da tua página. – Sergio♦ 25/05/15 às 21:28