Using the Code Editor

<< Click to Display Table of Contents >>

Navigation:  Creating Your Own Books and Commentaries > Using the Editor >

Using the Code Editor

Advanced users with a strong understanding of HTML code can directly edit the source code of user module entries.


If you do not have experience editing HTML code, do not use the code editor. Instead, use the default "Design" editor which works like a word processor.


Users who have no intention of directly editing HTML code should skip this section.


The Code Editor


The code editor can be selected in the user editor by clicking the "Code" tab at the bottom of the editor window (or selecting Code Edit Mode on the Edit menu).


Sample user editor window in code edit mode

Sample user editor window in code edit mode


The code editor provides little more than syntax highlighting. Most features present in Design mode are not available in code mode. Review the menu items to see which ones are enabled during code edit mode.


Verse references are still linked automatically by SwordSearcher even when you save an entry in code edit mode.


SwordSearcher module entries are HTML documents.  It is important to create accurate HTML source when using code edit mode.  A discussion of HTML itself is beyond the scope of this text.


Do not use external linked CSS files in your HTML code.  If you want to use style sheets, they must appear in the <head> section of each individual entry.


Note that you can switch between Design and Code modes on-the-fly.  However, the Design editor will rewrite your HTML source code.


Generally, the code editor should only be used to make minor tweaks or to insert elements not formally supported by the Design editor. Some users may also find editing code in a separate, dedicated HTML editor more convenient. You can easily paste in HTML code from other sources into the SwordSearcher code editor.


Users who use the code editor may also be interested in Forge, an external SwordSearcher module build tool.