User manual

HTML Editor

The HTML Editor
The editor, with which you can change the content for the web pages, automatically translates your entries into HTML - you do not need to program anything. The following menu options are available in the editor:
  • Edit text: you can search, copy and paste in the text, and undo actions
  • Change font: you can display your text in bold, italic, or underline.
  • Inserting images: You can upload images (jpeg, gif, png) to our server and then position the image in your text. Position the cursor where you want the image to appear. Click on the 'Image' button, then 'Browse Server' and then 'Upload'. Now you can use a file browser to search the image file on your PC. Then click on 'Open' and then on your picture as soon as it is uploaded to our server. Now you can adjust the width / height and. With 'Ok' the image is displayed in the editor, press 'Ok' again to save. If you want to delete an image from our server, simply click on the 'x' icon in the upper right corner of the image in the server file browser. Caution: deleting the image on the server affects every reference to that image.
  • Insert links: enter the name of the link in the editor and mark it with the cursor. Then click on 'Link' and enter the URL. When they click on 'Browse Server', they can upload a document (doc, ppt, xls, pdf) to our servers, which can be downloaded using this link (see above). Caution: make sure that your links are https:// if possible, ie SSL encrypted. If you include a link with only http:// without SSL, your page will display a warning in browsers in the upper left corner of the URL (yellow exclamation mark for the certificate, will be marked with 'parts of the web page not secured' if you click on it).
  • Insert table: position your cursor and then click on 'table'. Now you can specify the number of columns and rows, the frame (0 for no frame), and cell spacing. The table is the ideal way to accurately position elements like images on your page. Caution: HTML5 ignores table cell spacing (celpadding). Go to 'Advanced' and add the following commands under 'style': 'border-collapse: separate; border-spacing: 5px;' (Replace 5px with your distance).
  • Insert lists: they can insert numbered or point lists
  • Horizontal line: Insert line for better readability. Caution: Be sure to use this feature for separating lines, as it will automatically adjust the screen width.
  • Page break: this function inserts a page break, which can only be seen on the pdf version.
  • Change alignment: they can change the alignment of their text
  • Change font: You can change font, size, and color
  • Show source code: If you are able to program HTML, you can display the HTML code of your page and make changes. Caution: this is only for HTML professionals. Some HTML tags are disabled for security reasons and are automatically removed by yve, e.g. Script tags or URL parameters. Removing the tags can cause a difference between the display in the editor and the display on the web page. Please check if your HTML code is accepted and displayed correctly on the web page.
  • Merge tags: Insert a placeholder (see chapter Merge Tags)