Knowledgebase
Using HTML with NE1 (Edit Source)

Using HTML in the Web Builder (Edit HTML Source) :

To view the HTML code for the body of your website with the NE1™ Web Builder, click on the “Edit HTML Source” button at the end of the row of icons. This will bring up the HTML Source Editor window.

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 Edit HTML Source feature.) By viewing the source code, you can add, edit, or subtract HTML or other code. This is done by using the HTML 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 HTML Source Editor window open.  The “OK” button will apply the changes and then close the HTML Source Editor window)

Click the “Cancel” button to close the HTML Source Editor without saving any changes.

The HTML in the HTML 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 “Paste HTML Code” button in the Page Editor.  With the “Paste HTML Code” 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 find 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: Image

When using the “Paste HTML Code” feature, you will be asked to enter the code you wish to insert into large text box and give the code a caption. The caption is a name for the code. After you insert the code, the code will be saved under it\'s caption. If you wish to insert the same code on several pages or in several places on one page, you will be able to select caption for that code so you do not have to re-enter the code each time.

*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 \"Edit HTML Source\" feature to work directly in the HTML code or use the \"Paste HTML Code\" feature to insert the HTML or Javascript. Entering HTML or Javascript into the WYSIWIG editor may cause unexpected issues with your website.