Online-Documentation (Beta) CMS Core/Grid 17.x

 
INFO:Version 17.x

Image Processing Maintenance Tag / WYSIWYG

To process images in Weblication® CMS, different maintenance masks for image processing are available depending on project implementation.

The BASE project base uses a strucural element "Image" within the page editing that offers a variety of options regarding definition of image size, linking, mouseover, image section, etc. This element is described in the article "Image processing image element".

In the following, the image maintenance tag is described, which generally is not used anymore in default settings (e.g. also in the BASE project base. This mask for image processing may, for example, optionally be used for images included in WYSIWYG.
Please pay also attention to the additional article on the quality of websites below.

Within text areass subject to maintenance (WYSIWYG field) you can process images regarding image attributes (path, class, alternative text, etc. Depending on the settings of the maintenance mask you get the attributes released for maintenance in image processing. In the following, the attributes set by default are described.

Image processing - standard project mask
Image processing - standard project mask

Operation

''General'':

:
In the register 'General' the attributes released for maintenance are shown that have been defined as subject to maintenance through the corresponding Maintenance mask for this register (sheetRegister="common"). Moreover, further registers can be displayed as an option through the Maintenance mask (Extended, Style, Language, Incidents).

'Image path':

In this field you select the image file you want to link through the right selection arrow Icon.
Once a path is entered in the field, a magnifier symbol Icon appears next to the selection arrow for calling the preview of the image file.
If a processable image file is stored in the field, in addition a processing symbol Icon appears, through which the image file can directly be called for online image processing.

'Image size (selection box)':

Through the selection box you can choose, in which size the previously selected image should be depicted. The values or sizes available in the selection box can be freely defined by the admin through the button "Define sizes" optionally shown at the bottom of the image processing mask.
Please make sure you select a width suitable for the respective page to prevent the image from protruding from the contents.

'Representation':

By clicking one of the types of representation (displayed as image) you can select the representation of the image. By default setting, the following options are available that are graphically depicted through an image:

  • Normal representation
  • Image left aligned
  • Image right aligned

The selectable types of representation can be manually adjusted in the project through the related XML file.

'Alternative text':

In this field you enter the alternative text for the image that should describe the image in more detail.
With many browsers, the alternative text is shown during mouseover and is particularly important for barrier-free websites.
If, in addition, the title of the image should be subject to maintenance, this can be set in the maintenance mask accordingly. For example, the Mozilla browser falls back on the title attribute.

'Adjust this mask':

By clicking this button the Tag editor file, will open which defines the attributes for image processing subject to maintenance. In this way,  an admin can directly influence the  Image processing mask and individually adjust the maintenance mask.

'Define sizes':

By clicking this button the EditorStyles file will open, which defines the available sizes that can be selected for image processing. In this way, an admin can directly influence the available image sizes and individually adjust the maintenance mask.