JQuery .html() not rendering as HTML but just text

Question

I am writing a chat module. I sent the text to the database as HTML.

When I bring it to the server, the string has HTML (Mainly  ). I use JQuery's .html() function to put the chat content on a div.

The problem is that the text loads but its not rendered as HTML. This is the function that sends the message and then returns the contents to the div. #send-message is a textbox:

        $('#send-message').bind("enterKey",function(e){
            $.ajax({
                type : 'POST',
                url : "<POST_URL>",
                async : false,
                data: { 'message' : $("#send-message").val() },
                beforeSend: function (request) {
                    request.setRequestHeader("X-CSRFToken",
                    $('input[name="csrfmiddlewaretoken"]').val());
                },
                success : function (returnData) {
                    $( "#conversation" ).html( returnData );
                },
                error : function (xhr, textStatus, errorThrown) {
                     //other stuff
                },
                complete : function (){
                }
            });
        }); 
        $('#send-message').keyup(function(e){
            if(e.keyCode == 13)
            {
            $(this).trigger("enterKey");
            }
        });

Put `console.log(returnData);` in the success function and check what's being returned. It sounds like it's being encoded. — Reinstate Monica Cellio, Nov 12 '13 at 17:42
Output of returnData: Hello How are you How are youWOOHOOO la laala Hello Hello la — Dynelight, Nov 12 '13 at 17:48
Looks like you need to unescape the html entities, http://stackoverflow.com/a/1912522/597419 — Danny, Nov 12 '13 at 17:52
Danny your solution worked, Kindly post it as a reply so I can accept it. — Dynelight, Nov 12 '13 at 19:18

JQuery .html() not rendering as HTML but just text

0 Answers0