Pages editing

When you clicked on the button Edit in the menu Pages the system goes to the window of visual editing of the page. The window contains areas edited by visual (WYSIWYG) editor. You can “recognize” the being edited area in that way: there is a call button for visual editor in the left upper corner of each area.

Click on this button, and the work of the visual editor M1 Word will start. Using it you can create and improve the content of the page without operating at the level of HTML-code.

All actions in the editor can be performed by means of some menus:
  • File — storing of the information and exit from the editor;
  • Edit — cancellation of operations, copying, deleting and text highlighting;
  • View — the view of the text in different formats;
  • Insert — insert links and other elements;
  • Format — actions on text formatting;
  • Table— creating and editing of tables;
  • Help — receipt of the quick help during the work.
In addition to pull down menus there is a line with buttons for the quick call of actions. The graphical image on these buttons corresponds to actions in the menu. The automatic prompt message for this button works by the selection of the button.

Menu File

Actions on saving of the content of the being edited area are performed.
  1. Press the button Save. Then in order to exit from the visual editor press Exit in the same menu.
  2. The system goes to the window of review and editing. In this window the page has the similar appearance as for the visitor of web site. There is a name of the page and its attributes in the right upper corner of the window. In the same rectangle there are buttons to save the page giving it the appointed status.

    In the system Xitex WebContent M1 such statutes of pages are possible:
    • Published. ready and approved page.
    • Draft. the page is still in the stage of the development.
    • Awaiting for approval. the page is ready, but is not yet approved by the editor.
    • Declined. the page was ready for the approval of the editor, but was declined and directed to the revision.
  3. After exit from the visual editor the author of the page can select one of three variants of actions with a page:
    • Save as a draft version — the page is placed in the common list and will have the status draft;
    • Ready for approval of the editor — the message that the page is ready for examination of the editor;
    • Back — exit from the window of review and editing without changing the status of the page.
Users who has the right to approval their pages see four variants of actions with page.

Menu Edit

In this menu you can perform actions on correcting of the text:
  • Undo — cancellation of the last performed action.
  • Redo — repetition of the action after its cancellation.
  • Cut — removal of the text fragment with copying to the buffer store.
  • Copy — copying of the text fragment to the buffer store.
  • Paste — insertion of the text fragment from the buffer store.
  • Paste as text — Text insertion without tags
  • Paste from Word — Fragment insertion from MS Word editor
  • Delete the tags — Deletion of HTML-coding from a page
  • Autoformat — Deletion of incorrectlyworking codes


Menu View

You can view the prepared material in the same form as the visitor of web site will see. For the visual review in the window of the browser you can use the menu View.

Set the required way how the page will be shown on the screen.

Kinds of representation stated in the menu View:
  • View source — page representation in the form of HTML-code.
  • Normal — content representation of the being edited area in the same form as on web site, there is an opportunity of its direct editing.
  • Preview — view of the page in browser.
  • Toolbar — Choice of variant of toolbar appearance: Simple (minimum of actions), Balanced (optimal number of actions), Complete (all the actions).

Menu Insert

In order to insert the element please set the indicator in the required place of the being edited area.

Insert Image

On your page you can place any graphical resource available in the system.

  1. Select the resource for the insertion. The window for resource selection contains two rectangles. In the left rectangle there is a structure of sections and their resources. In the right rectangle there is a view of the graphical resource marked in the structure at the left.
  2. Enter the mark in the field Scale, and you can enlarge the image during the view.
  3. Besides please fill in fields of image parameters:
    • Text — text information in “pop-up help” , it can also appear in place of the image when the representation of images is switched off in the browser.
    • Width — image width in pixels.
    • Height — image height in pixels.
    • Clear — to clear information about image size.
    • Border — thickness of the frame line in pixels.
    • Alignment — position of the image in the space of the being edited area.
    • Margin — indent or space from the text (right, left, up and down).
  4. Press ÎÊ.

Insert Symbol

You can perform the symbol insertion from the offered set. The selection is accompanied by the showing of the chosen symbol in the enlarged scale and information about symbol's code. Ratify your choice pressed the button OK.

Insert Inner link

The creation of the link for jump to the page in the inner structure of website.

  1. In the upper rectangle there is a structure of sections and pages for the selection of the jump address.
  2. Infill next fields:
    • Link text — accompanying text of the link.
    • Link — the route of the link is appeared in this field.
    • Target — variants of page displaying after jump via link:
      _blank in the new window;
      _parent in the parent window;
      _self in the same window;
      _top in the first opened window.
  3. Click ÎÊ.
Insert Resource

With this action a link to resource of any type is inserted on the page. Before the resource should be added in the system with using of tab Resource:
  1. Search and highligt the resource in "site tree".
  2. Infill next fields:
    • Link text — accompanying text of the link.
    • Link — the route of the link is appeared in this field.
    • Target — variants of page displaying after jump via link:
      _blank in the new window;
      _parent in the parent window;
      _self in the same window;
      _top in the first opened window.
  3. Click ÎÊ.
If the looked for you resource is absent in the system, you can add it in the system with the button Upload.

Insert Horizontal rule

By means of this insertion you can draw a horizontal line on the whole page width.

Insert the ordered (unordered) list

If you have to form some lines as a list, you can use this insertion. Each next line will be turned to the element of the numbered or bulleted list.


Menu Format

You can format the being entered or already entered text according to a number of attributes. Text attributes in the menu Format:
  • Font
    Text formatting by means of following highlighting types: bold, italic, underlined, strikethrough.
    Appointment of the reduced format for numbers of the upper and lower index.
  • Font name — appointment of the font type from fonts available in the list.
  • Font size — appointment of the font size for the marked text from 1 to 7 (ascending).
  • Paragraph style
    Following styles are possible for the marked text:
    Preformatted — deactivating of the automatic feed line and assignments for the font;
    Normal text — usual action with the font and lines are possible;
    Headline 1 — headline of the most upper level (maximal size);
    Headline 6 — headline of the most lower level (minimal size).
  • Fore color and Background color — the full color palette for selection of the text or background color of the line appears on the screen.
  • Text align and indent
    Four types of alignment are stated: at the right and at the left border, on centre of the page, at borders, i.e. at text borders of the page. Also the hanging intend size of the line begin is stated.
  • Make link
    You can change any text fragment into the link as an Internet hyperlink.
    Please fill in next fields:
    • Link text — accompanying text of the link.
    • Link — the route of the link is appeared in this field.
    • Target — variants of page displaying after jump via link:
      _blank in the new window;
      _parent in the parent window;
      _self in the same window;
      _top in the first opened window.
    Finish creating of the link, pressing the button ÎÊ.
  • Unlink — cancellation of the previous stated link that was beforehand marked in the text.


Menu Table

You can add information formed as a table to the page.

  1. Click Insert table.
  2. The table creating is performed according to parameters to be placed in such fields:
    • Rows, Columns — the number of lines and columns of the table correspondingly;
    • BgColor — table filling color from the offered palette;
    • Height, Width — height and width of the table (in pixels or percentages to corresponding sizes of the sheet);
    • Cellspacing — (space), interval between cells in pixels;
    • Cellpadding — (infill), interval in pixels from the frame to data;
    • Border — frame width in pixels.
  3. After you have filled in fields, click ÎÊ.
Other actions with the table. Insert row, Insert column, Delete row, Delete column — appropriate actions with marked elements of the table.

Modify table

The special window is activated for the table distinguished in the text. You can edit parameters of the table properly.

To execute corrections concerning single cell please place the pointer in this cell and click Modify table. Then select a tab Cell. Parameters for correction:
  • Width — table width in pixels.
  • Height — table height in pixels.
  • ColSpan — cell joining to the right from the current cell.
  • RowSpan — cell joining downward from the current cell.

  • Before cell joining please indicate a quantity of cells for joining and click Enter.
  • BgColor — Background color in the cell.

  • Alignment
  • Horizontal — Horizontal alignment of text in the cell.
  • Vertical — Vertical alignment of text in the cell.

  • Insert row/column — insertion of row or column relatively this cell.
  • Delete row/column — removal of row or column where the current cell is.


See also: Toolbar