The Rich Fields online editor lets you format your content and insert a large number of objects (images, tables, symbols, code HTML, merged data, etc.).
It is divided into two main areas: "Character and paragraph" and "Insert".
This area is used to present and format content. It contains functions for managing :
Styles
The styles of the various elements (paragraphs, headings, bulleted lists, numbered lists) can be defined by the website charter.
Select the content text and choose a style from the list:
|
|
Pour des raisons graphiques, d’accessibilité et de référencement, les titres doivent respecter la hiérarchie sémantique : un titre de niveau 2 ne peut être placé avant un titre de niveau 1. Si tel est le cas, une icône ainsi qu'un liseré jaune vous en informeront. Au survol de l'icône, ce message précise la raison :
For each style, an explanatory tooltip is displayed when the mouse hovers over the button.
Basic styles are available:
Button |
Style |
Fat | |
Italic | |
Index | |
Exhibitor | |
Align text to the left | |
Center text | |
Align text to the right | |
Justify the text |
To improve the accessibility and ergonomics of your site, please avoid justifying your text as much as possible.
A number of advanced features (accessibility, glossary, etc.) are also available:
Button |
Style |
|
Report an abbreviation |
|
Report an acronym |
|
Add to glossary |
|
Report a quote |
|
Report a language change |
The button Report a language change allows you to specify a language other than the default for a text selection.
In the interests of accessibility, this feature enables the software or extensions that read web page content to change language when reading the text selection.
To signal a change of language, after selecting the text, click on the button and a pop-up window opens, allowing you to define the language code, for example: "en" for English.
See this page http://xml.coverpages.org/iso639a.html to see the list of language codes.
Select the content and click on the list style to apply it:
You can increase and decrease the indentation using the buttons to the right of the styles.
The different list styles available may vary, as custom styles can be defined by the graphic charter.
This area lets you insert a multitude of components, from the most basic (a symbol) to the most complex (form, merged data), not forgetting the basics: Table, Image, Link etc...
The table creation process offers an intuitive interface through which you can enter the desired number of rows and columns.
The screenshot on the left illustrates the creation of a table with 3 rows and 7 columns.
To insert a large table (larger than 8 rows or 10 columns), simply click on the Insert table.. . label. (highlighted in red), where you'll be asked to specify the number of rows and columns to be displayed.
After creating a table or when editing it, a new contextual tab Table tools appears in the upper part of the ribbon (top banner).
Two new sub-tabs are then available:
The Table tab allows you to :
Styles are in the Table tab. Click on the Styles button button and select the style of your choice. Here, the Dark style is selected.
The different table styles available may vary, as custom styles can be defined by the graphic charter.
Table parameters (size, cells, cell merging and separation, alignment) are managed in the Advanced tab:
This tab allows you to :
Authorized image formats are: jpeg, gif, png,...
Two types of images can be inserted into content.
Select your image and confirm.
By clicking on the image, the Image tab appears in the top bar, allowing you to edit various parameters:
More information on inserting and setting up images can be found on the Insert a photo or image page, under Inserting a photo.
The different image styles available may vary, as custom styles can be defined by the graphic charter.
Ametys resizes the image to be inserted. Sending large images is not a problem.
An animated gif will lose its animation if resized. It's worth noting that an animated gif is not accessible anyway.
Simply select the page from the Map view at view
The link to the page will appear unstyled.
Links of this type are robust, i.e. they will be automatically updated when the linked page is moved or renamed.
Only deletion of the linked page will leave a link referencing a non-existent page. In this case, you'll need to update your content by deleting the link.
So don't forget to use the Broken Links tool, and pay particular attention to the automatic broken links report.
The web address of the target page must be entered.
The default style of this link is an arrow starting from a window.
Enter the target e-mail address.
The default style for this link is a white envelope.
This allows you to link to a file that belongs to the current content and cannot be used elsewhere on the site. This file is indexed with the content.
To perform this operation, select a file in the content attachments. You can add a new file by clicking on "Click here to insert a new file in the selected directory".
The default style for this link is a blue downward-pointing arrow.
Il est possible d'ajouter un lien vers un fichier de l'explorateur de ressources
Il est possible d'ajouter directement un fichier dans l'explorateur de ressources en cliquant sur la mention Cliquez ici pour insérer un fichier dans le répertoire sélectionné.
The default style for this link is a blue downward-pointing arrow.
To help you choose the best method, simply answer the question :
is PDF a general document that can be used in several places on the site?
If yes, use a "link to a shared file", otherwise use a "link to a downloadable file".
When you select the link, a new tab appears, allowing you to :
|
|
Les fonctionnalités décrites dans cette section (vidéo externe) font parties du Plugin Inline Média (installé par défaut dans l'application de démonstration Ametys).
Il est possible d'insérer une vidéo locale, une vidéo partagée, ainsi que vidéo YouTube ou Dailymotion.
For more information, visit Insert a video, section"An external video (YouTube or Dailymotion)".
You can add such a component using the dedicated button. The Table of Contents will be automatically calculated according to the content's title levels.
| |
The table of contents is represented by the image above when editing content. |
Example of page rendering. |
Special characters can be added to content via the Symbol window.
This button inserts a web form for your visitors. The form can be sent to you via email or stored in Ametys for further processing.
Retrouver toutes les informations sur la page Edition des formulaires.
This button allows you to insert HTML code into your content. The use of this feature requires knowledge of HTML , as this code will not be processed by Ametys but used directly.
Find out more on the HTML Expert page.
This tool is so named because its typical use case is to insert recent publications when editing a newsletter to be sent to subscribers.
The title is misleading, however, as it is perfectly possible to add any existing content using this feature.
The latest publications (or any other content) can be inserted in this rich field:
The form contains various criteria:
Next, a settings window asks you to enter the view and title level (see details below) to be used for inserting content.
The different views available are :
Summary |
Content summary. For an article, the Title then the Header field are displayed, followed by a link to the content page. |
Link |
Displays a link to the content. The link name corresponds to the content title. |
Complete |
Display content in its entirety. |
This list may vary depending on the type of content selected.
Details about the Title level parameter
If you choose Title 3, the highest level title will be inserted as Title 3, meaning that :
The functions described in this section are part of Plugin Data insertion (installed by default in the Ametys demo application).