|
106.
|
|
|
Insert a base64 image via the HTML editor in the visual editor
|
|
|
|
Insérer une image au format base64 dans l'éditeur HTML de la zone de texte
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:78
|
|
107.
|
|
|
.. image:: images/tinymce_source_code.*
|
|
|
|
.. image:: images/tinymce_source_code.*
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:78
|
|
108.
|
|
|
Convert your image to be base64-encoded. There are a number of websites where you can do that online. Copy the encoded image.
|
|
|
|
Convertissez une image au format base64. Il existe un grand nombre d'outils sur le web qui permettent de faire cela en ligne. Copiez ensuite le code généré.
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:80
|
|
109.
|
|
|
Go to the visual editor and click the *HTML* icon |tinymce HTML|.
|
|
|
|
Allez dans l'éditeur de texte et cliquez sur l'icône *HTML* |tinymce HTML|.
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:81
|
|
110.
|
|
|
In order for the base64 image to be recognized as an image, it needs to be put into an image tag. Type the beginning of the image tag: ``<img src="``.
|
|
|
|
Afin que code en base64 soit reconnu comme étant une image, il doit être placé dans une balise image. Commencez par entrer le début du code de la balise image : ``<img src="``.
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:82
|
|
111.
|
|
|
Paste the base64-encoded image. It's a lot of lines of characters that start with ``data:image``.
|
|
|
|
Collez le code en base64. Il s'agit d'un assez grand nombre de lignes de caractères qui commence par ``data:image``.
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:83
|
|
112.
|
|
|
Close your image tag so that the browser knows where your image ends: ``" />``.
|
|
|
|
Fermez ensuite votre balise image, afin que votre navigateur sache où se termine le code de celle-ci : ``"/>"``.
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:84
|
|
113.
|
|
|
Click the *OK* button to return to the visual editor. If you inserted the image tag correctly, your image is displayed.
|
|
|
|
Cliquez sur le bouton *OK* pour retourner dans l'éditeur de texte. Si vous avez inséré le code correctement, l'image doit s'afficher.
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:85
|
|
114.
|
|
|
You can now change the size and position of your image if you like by selecting the image and clicking the *Image* icon |tinymce_image|.
|
|
|
|
Vous pouvez ensuite modifier la taille et la position de l'image en cliquant sur l'image et en cliquant ensuite sur l'icône *image* |tinymce_image| dans les outils de l'éditeur de texte.
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:86
|
|
115.
|
|
|
Click the *Save* button to return to the page edit screen.
|
|
|
|
Cliquez sur le bouton *Enregistrer* pour retourner à l'édition de la page.
|
|
Translated and reviewed by
Dominique-Alain JAN
|
|
|
|
Located in
../source/tips/image_in_text.rst:87
|