USING HTML AND OTHER SCRIPTS with NE1

Using HTML in the Web Builder (View Source) :

To use HTML with the NE1 Web Builder, click on the “View Source” button at the end of the row of icons.

The word “source” here refers to the source code that makes up the body of the web page. (The header, footer, and menu are all part of the template and cannot be edited in the view source feature.) By viewing the source code, you can add, edit, or subtract HTML or other code. This is done by using the Source Editor:

Simply add or edit the code you desire and press the “Apply” or “OK” button to save it. (The “Apply” button differs from the “OK” button in that it allows you to immediately see the changes to the page while keeping the Source Editor open.  The “OK button will apply the changes and then close the Source Editor window)

Click the “Cancel” button to close the source editor without saving any changes.

The HTML in the Source Editor can either be displayed with each line of code unbroken or with the lines being broken so they fit in the window.  Either way the code will work the same.  Check the “Wrap Text” box to determine which format you wish to use.  With the “Wrap Text” box checked, all the HTML will be displayed in the window, however, a single line of code may take up 2, 3, or more lines in the window.  With the “Wrap Text” box uncheck, each line of HTML will be displayed on only one line in the box, however, this may cause the code to extend beyond the area displayed in the window.  So, you may need to scroll right to see all the HTML

You can also insert html and scripts using the “Objects” button in the page editor.  With the “Objects” button, you can insert a specific piece of HTML into the page in a specific position on the page while using the WYSIWYG page editor.  This can be somewhat less confusing for some as you do not have to look through the source code to fine the appropriate place to put the code and you do not have to use html to set the location.  This is especially helpful with scripts.

Here is an HTML example:
<a href="http://www.ourchurch.com">
<img src="http://www.ourchurch.com/images/help-occfree.gif">
</a>

Results: 

*Important Note: The WYSIWYG page editor is not designed to have html or javascript entered into it. If you wish to use html, you MUST either use the "View Source" feature to work directly in the html code or use the "Insert Object" feature to insert the html or javascript. Entering html or javascriptinto the WYSIWIG editor may cause unexpected issues with your website.