How To See Your Hidden Content In Dreamweaver

Here’s a simple little trick to allow you to see your hidden content on your web pages from your WYSIWYG editor.

Setup the file to use jQuery, and then add a little code snippet like this:

1
2
3
4
5
6
7
8

<script type="text/javascript">
// <![CDATA[
$('.displayNone').each(function(e)
{
    $(this).attr('style', 'display:none;');
});
// ]]>
</script>

This will then look for each element that has the class=”displayNone” and add the style attribute with `display:none` to it, accomplishing the task of hiding all the elements you want hidden on your page. WYSIWYG editor like Dreamweaver won’t render the JavaScript and you can still see the content and edit the copy as needed quite easily.