how to stop image displaying when inputting html code for copying

  • 1
  • Question
  • Updated 9 years ago
  • Answered
How can I make it so that, when I put the HTML code down for people to copy, it stays as the code and doesn't become the image? I have tried to put in the word 'code' in brackets to stop this I don't know if it's in the exact position or not but nothing works, where am I going wrong?? Please take a look at my site while your here.
Photo of ventura


  • 6 Posts
  • 0 Reply Likes
  • frustrated

Posted 9 years ago

  • 1
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hi venture,

To stop the code from being interpreted, use <!-- at the beginning and --> at the end.

It would look something like:
<!-- html code -->
Photo of gamedemon


  • 216 Posts
  • 22 Reply Likes
the simplest solution would be to just place the code in a text widget, instead of an html widget.

or you can use scroll boxes that don't interpret the code. CLICK HERE for the code to make a scroll box. you can see an example in the top left of that page.

just put the code in an html widget on your site and type in the information you want in the part that says 'Your Info Here" and you can also make the box bigger or smaller by changing the values for "cols" and "rows"

hope this helps, if you have questions, i am listening
Photo of gamedemon


  • 216 Posts
  • 22 Reply Likes
off topic suggestion

i noticed that a lot of your links open in the same window, even the ones that lead to a youtube page. you might consider making it so that external links (links that take people away from your site to another) open in a new window.

notice the link that i placed above in the top reply opens in a completely new window. i did that by placing a target="_blank" in the code used to make that link.

here is an example to show you where to place that bit of code in an html link:

<!a href="" target"_blank">My Site

if your links are in html widgets, then you can just add that little piece of info to your link codes.

but if your links are in a text widget:

- click anywhere on the text widget so that the text navbar appears up top

- to the far right of the navbar, you will see "html"

- click on it and a window will appear displaying the html for that text widget.

- then just simply find the link code and add target="_blank" to the appropriet place on the link.

this is only a suggestion and is good to know

best of luck