|
|
36.
|
|
|
You can insert an image file encoded in `base64 <https://en.wikipedia.org/wiki/Base64>`_ into a text area in which you can use the HTML editor.
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/tips/image_in_text.rst:73
|
|
|
37.
|
|
|
.. image:: images/tinymce_source_code.* 
:alt: Insert a base64 image via the HTML editor in the visual editor |
|
|
represents a line break.
Start a new line in the equivalent position in the translation.
|
|
|
represents a space character.
Enter a space in the equivalent position in the translation.
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/tips/image_in_text.rst:78
|
|
|
38.
|
|
|
Insert a base64 image via the HTML editor in the visual editor
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/tips/image_in_text.rst:78
|
|
|
39.
|
|
|
Convert your image to be base64-encoded. There are a number of websites where you can do that online. Copy the encoded image.
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/tips/image_in_text.rst:80
|
|
|
40.
|
|
|
Go to the visual editor and click the *HTML* icon |tinymce HTML|.
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/tips/image_in_text.rst:81
|
|
|
41.
|
|
|
.. image:: images/buttons/tinymce_html.*
:alt: tinymce HTML |
|
|
represents a line break.
Start a new line in the equivalent position in the translation.
|
|
|
represents a space character.
Enter a space in the equivalent position in the translation.
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/shortcuts.rstext:383
../source/shortcuts.rstext:383
../source/shortcuts.rstext:383
../source/shortcuts.rstext:383
|
|
|
42.
|
|
|
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="``.
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/tips/image_in_text.rst:82
|
|
|
43.
|
|
|
Paste the base64-encoded image. It's a lot of lines of characters that start with ``data:image``.
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/tips/image_in_text.rst:83
|
|
|
44.
|
|
|
Close your image tag so that the browser knows where your image ends: ``" />``.
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/tips/image_in_text.rst:84
|
|
|
45.
|
|
|
Click the *OK* button to return to the visual editor. If you inserted the image tag correctly, your image is displayed.
|
|
|
|
|
(no translation yet)
|
|
|
|
Located in
../source/tips/image_in_text.rst:85
|
