moziloCMS documentation

 
 

The Editor opens after clicking on the Edit icon{ADMIN_EDIT} on a new level that is placed above the ADMIN area.

It essentially has three tasks:

  • Editing content pages – the content pages are filled with text, images, links, etc. and formatted as desired.
  • Editing syntax elements – the user can create their own additional syntax elements using CSS and HTML.
  • Editing templates – the HTML and CSS files of the template can be edited to change the layout of the website.
Create text

1Write text into the working window or copy it into the clipboard.
Line breaks and blank lines inserted with the Enter key appear in the text exactly as they were made.
Blanks inserted with the Space key, even several in a row, appear in the text exactly as they were made.

2The select box is only displayed when editing the template, otherwise it is hidden.
This is where you will find all the graphics and CSS files that can be inserted into the layout template.

3After clicking on Save, the changes made are applied!

By Save, the changes made are immediately visible on the Internet.
If this is not desired, the page status in the Admin tab Content must be set to "hidden" or "draft".

helpInhaltsseite bearbeiten → Willkommen/ Kontaktclose
:baeh::guck::heul::hmpf::irre::lach::lol::narf::nerd::neu::rofl::roll::schock::traurig::wichtig::zwinker:
1
2
3
Congratulations!
 
With moziloCMS you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out functionality. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the flow of lines next to an image.

4Open the editor's instructions

5If the editor is closed Without saving the last changes, a dialog box appears with a warning message:

The Contentsite is changed.
errorShould the content be saved now?

Save = Saves the last status and closes the editor.
Cancel = Cancels closing and returns to the editor.
Discard changes = Closes the editor without saving the last changes.

Formatting text using the example: Heading

1Completely highlight the text to be edited, in this case the heading.

1
2
3
Congratulations!
 
With moziloCMS you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out functionality. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the flow of lines next to an image.

2By clicking on (Heading 1) in the CMS syntax bar, the syntax element is placed around the marked area.

The same procedure is followed for all other text formatting commands.

1
2
3
[ueber1|Congratulations!]
 
With moziloCMS you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out functionality. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the flow of lines next to an image.

A description of all syntax elements for text formatting is in the chapter: Editor → CMS Syntax >

Insert element using the example: Image

To insert an image on the left, at the beginning of the text...

1Cursor  Place it where the image should be - in this case before the first line of text.

1
2
3
[ueber1|Congratulations!]
 
With moziloCMS you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out functionality. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the flow of lines next to an image.

2In the CMS syntax bar, click on "Image left" and the syntax element for inserting an image is placed in the text.

1
2
3
[ueber1|Congratulations!]
 
[bildlinks|]With moziloCMS you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out functionality. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the flow of lines next to an image.

3Now click on the desired image in the Selectbox "Files" and the image code will appear within the syntax element.

 
1
2
3
[ueber1|Congratulations!]
 
[bildlinks|@=Willkommen:mozilo.jpg=@]With moziloCMS you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out functionality. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the flow of lines next to an image.

A description of all insertable elements and the various select boxes can be found in the chapter: Editor → CMS Syntax >

In order for the image to be available in the Selectbox "Files", it must first be uploaded via the Admin tab "Files".
Instructions for uploading files can be found in the chapter: Files >

Find the beginning or end of a syntax element

1By placing the cursor  directly behind a syntax bracket []{}, the corresponding bracket [   ]   {   } is highlighted.

1
2
3
[ueber1|Congratulations!]
 
[bildlinks|@=Willkommen:mozilo.jpg=@]With moziloCMS you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out functionality. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the flow of lines next to an image.
{BUTTON_PREVIEW}

1To check your work, click on Preview to open a page view with the current editing status.
Saving beforehand and possibly sharing it on the web is not necessary.

Opinion
 close

Congratulations!

With moziloCMS you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out functionality. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the flow of lines next to an image.

The working window in detail

1Line numbering: Hide the column with the line numbering.

2Formatting characters: Show paragraph marks, spaces or other formatting characters.

3Source code selection: Highlights the respective syntax of different source texts in color and thus improves clarity.

4Editor font size: Changes the font size in the editor window.
(This is only to protect the editor's eyes and has no effect on the font size on the website.)

5Backward/Forward: To undo or redo changes.

6Shows/hides all syntax elements that extend over several lines.

7Search string: Enter a character string and click The next place with this character string is marked.
Clicking on again marks the following position with this character string, etc.
If the checkbox "All" is activated, all positions where the character string occurs are marked simultaneously.

8Replace string: By clicking on all marked character strings are replaced by the text entered here.

12
3
4
56
78
Multi-Cursor & Marking Extension

The editor working window is so ingeniously programmed that it allows you to set as many cursors  and text markers as you like at the same time!
By holding down the "Ctrl/Strg" (PC) or "Command" (MAC) key, you can add or remove further cursors  or text markers.

  • If several cursors are set, the corresponding text is inserted at all places at the same time by entering it from the keyboard.
  • If several text passages are marked, they can either be overwritten at the same time by entering it from the keyboard
    or replaced by entering text in the "Replace" field 8 and clicking on
  • To remove a cursor or text marking, click on the respective cursor with the mouse cursor while holding down the "Ctrl/Strg" (PC) or "Command" (MAC) key
    .

Example:

1
2
3
[ueber1|Congratulations!]
 
[bildlinks|@=Willkommen:mozilo.jpg=@]With moziloCMS you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out functionality. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the flow of lines next to an image.

Result:

1
2
3
[ueber1|Congratulations!]
 
[bildlinks|@=Willkommen:mozilo.jpg=@]With NEW TEXT you have a modern website system that its programmers have created in a simple and ingenious way. This elegant editor already impresses with its well thought-out NEW TEXT. If you are now thinking that this is a lot of smarmy, then you are absolutely right. None of this is true. It was just about using some nonsense to get enough text together to be able to display the line flow next to a NEW TEXT.