Передача HTML-строки функции JavaScript

Question

У меня есть значение, которое я сейчас просматриваю и перехожу к функции JavaScript через onclick.

<a href="#" onclick="openTextWindow('<%=myVar.varDefinition.getText()%>');">Text</a> 

В качестве примера значения, которое я бы получить от метода getText показано ниже.

<h1>My Header</h1><br />My text 

Это значение затем передается моему методу openTextWindow.

function openTextWindow(inText) { 
    myWindow = window.open('','','width=500, height=300'); 
    myWindow.document.write(inText); 
    myWindow.focus(); 
} 

По какой-то причине, значение, хранящееся в inText не соответствует строка с HTML-тегами, которые я показал выше. Это выглядит так.

"<lt/>h1<gt/>My Header<lt/>/h1<gt/><lt/>br /<gt/>My text 

inText Когда пишется myWindow, я хочу, чтобы новое окно, чтобы сделать с текстом My Header внутри стилизованного заголовка и My text на линии, расположенной ниже. Я пробовал заменять и избегать символов без везения. Любые идеи о том, как исправить этот или лучший способ выполнить то, что я пытаюсь сделать? Благодаря!

Answer 1

Вы можете хранить свой HTML-код в скрытом DIV или текстовом поле, а затем захватить его из своей функции, а не пытаться передать его в строке.

<a href="#" onclick="openTextWindow('DIV1');">Text</a> 
<div id="DIV1" style="display:none"><%=myVar.varDefinition.getText()%></div> 

JS:

function openTextWindow(divName) { 
    var inText = document.getElemenyById(divName).innerHTML; 
    myWindow = window.open('','','width=500, height=300'); 
    myWindow.document.write(inText); 
    myWindow.focus(); 
}