Necesito crear una tabla a partir de una cadena de matriz, y uso un script de plantilla, funciona con una cadena normal, pero cuando agrego una cadena, tengo una etiqueta html (por ejemplo, prueba) en la matriz y mi resultado muestra un botón en la etiqueta td pero quiero que sea una cadena "prueba". ¿Cómo puedo mostrar la cadena html en td? Aquí está mi código
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>JSON Transform</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"></script> <script type="text/javascript" src="https://raw.github.com/douglascrockford/JSON-js/master/json2.js"></script> <script type="text/template" id="tpl-html1"> <div class="well"> <table class="table"> <tbody> <% _.each( target, function(i) {%> <tr> <td>'<%= i %>'</td> </tr> <% }); %> </tbody> </table> </div> </script> <script> $( document ).ready(function() { var rawData = ["line 1 <button>test</button>","line 2"," line3"]; var data = { target:rawData }; var template = _.template( $("#tpl-html1").text() ); $("#output").append( template(data) ); }) </script> </head> <body style="padding:50px 10px "> <div id="output"></div> </body> </html>Muchísimas gracias.
Si desea mostrar el <button> </button> sin que se convierta en un elemento HTML, puede escapar de los símbolos > y < como este:
'<' = '<' '>' = '>' <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>JSON Transform</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js"></script> <script type="text/javascript" src="https://raw.github.com/douglascrockford/JSON-js/master/json2.js"></script> <script type="text/template" id="tpl-html1"> <div class="well"> <table class="table"> <tbody> <% _.each( target, function(i) {%> <tr> <td>'<%= i %>'</td> </tr> <% }); %> </tbody> </table> </div> </script> <script> $( document ).ready(function() { var rawData = ["line 1 <button>test</button>","line 2"," line3"]; var data = { target:rawData }; var template = _.template( $("#tpl-html1").text() ); $("#output").append( template(data) ); }) </script> </head> <body style="padding:50px 10px "> <div id="output"></div> </body> </html>