When naming files and folders in the TYPO3 backend (Filelist view) please use the following naming conventions:
These will be used in URLs, so please follow the above conventions.
The following is a generic process for adding images to a Content Element in TYPO3. The following steps should help you gain a familarity for how to add images to the Content Elements which use standard TYPO3 functionality.
To use an Add Image field within a Content Element, click on the text Add Image beneath the Image field header. This will open a small window which will display a Folder Tree in the upper left corner. Expand the folders in order to move into the folder where your image is stored. In this case, we will click on the text "stories" beside the story folder.
This will display the images contained in the folder. If your image is already uploaded, you may click on the name of the image to set the image in the field. If your image has not been loaded, you may use the section titled "upload files" to locate and upload the image for your feature.
After adding an image to the Image field, you should provide the image Title and Alternate Text.
When the fields are filled out, simply move on to the next field for the Content Element.
TYPO3 has a Rich Text Editor (RTE) field into which text can be entered. When copying the text into this RTE field, please pay attention to the formatting of the text. If the text is copied directly from a program such as MS Word into TYPO3, there are usually formatting issues to be resolved. The following two options provide guidance on how to remove formatting on copied text:
When you want to insert a line break, simply hold the Shift key and press the Enter key. This works with paragraphs and Bulleted or Numbered Lists, and you simply want to put text on a second line. Example:
This is a paragraph.
Here is the line break.
To embed a YouTube or Vimeo video in the Rich Text Editor, follow these steps:
The resulting HTML code should look like this:
<p><iframe width="640" height="360" src="https://www.youtube.com/embed/mcw6j-QWGMo?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p><iframe src="https://player.vimeo.com/video/98276732?title=0&byline=0&portrait=0&color=0E70E3" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>