How to post HTML code without the browser rendering

Question

0.00/5 (No votes)

See more:

I'm currently working on my school project and am to build a forum for the project,But right now am facing this problem where i want users to be able to post their html source code as it works in this forum,but the problem is that the code runs or scatters my design when retrieve from my DB.I try using repalce() in jquery but i could only replace < with < but i want a function to be able to replace others such as >,",' and & so my question is how can i write this function.

the below code work to replace the < but when i try including >,",' and & in the function it will stop work how can i make it work please someone should help me out.

What I have tried:

function convert(div){
         var str =  $(div).html();
         var str2 =  str.replace(/</g,"&lt;");
           var sta =  $(div).html(str2);
             return sta;
            }

Posted 10-Sep-17 7:41am

alertfrancis

Updated 10-Sep-17 11:35am

Patrice T

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Patrice T · Answer 1 · 2017-09-10T11:35:00

Quote:
the below code work to replace the < but when i try including >,",' and & in the function it will stop work how can i make it work please someone should help me out.

I think the key is to start with replacing & first and then the other chars in any order.

JavaScript

var str2 =  str.replace(/&/g,"&amp;");
var str2 =  str2.replace(/</g,"&lt;");
var str2 =  str2.replace(/>/g,"&gt;");
...

Because all encoded chars starts with '&', you need to replace it first.