en	Rich text editor

en	For more information about TinyMCE please visit <a href="http://www.tinymce.com/" title="TinyMCE by moxiecode" target="_blank">http://www.tinymce.com/</a>.

en	Insert tags

en	For more information on insert tags please visit <a href="https://docs.contao.org/books/manual/current/en/04-managing-content/insert-tags.html" title="Contao online documentation" target="_blank">https://docs.contao.org/books/manual/current/en/04-managing-content/insert-tags.html</a>.

en	Code editor

en	For more information about Ace please visit <a href="http://ace.c9.io" title="Ace - The High Performance Code Editor for the Web" target="_blank">http://ace.c9.io</a>.

en	colspan

en	Contao supports all date and time formats that can be parsed with the PHP date() function. However, to ensure that any input can be transformed into a UNIX timestamp, you can only use numeric date and time formats (j, d, m, n, y, Y, g, G, h, H, i, s) in the back end.<br><br><strong>You can enter variant front end formats in the site structure (website root pages).</strong><br><br><em>Here are some examples of valid date and time formats</em>:

en	Y-m-d

en	YYYY-MM-DD, international ISO-8601, e.g. 2005-01-28

en	m/d/Y

en	MM/DD/YYYY, English format, e.g. 01/28/2005

en	d.m.Y

en	DD.MM.YYYY, German format, e.g. 28.01.2005

en	y-n-j

en	YY-M-D, without leading zeros, e.g. 05-1-28

en	Ymd

en	YYYYMMDD, timestamp, e.g. 20050128

en	H:i:s

en	24 hours, minutes and seconds, e.g. 20:36:59

en	g:i

en	12 hours without leading zeros and minutes, e.g. 8:36

en	Rich Text Editor

en	For more information about how to configure the syntax highlighter please visit <a href="http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/#syntaxhighlighterdefaults" title="SyntaxHighlighter by Alex Gorbatchev" target="_blank">http://alexgorbatchev.com</a>.

en	Sizes attribute

en	The HTML attribute <code>sizes</code> defines the displayed width of the image, optionally combined with a media query. You can use any CSS value to define the width.<br><br>E.g. <code>(max-width: 600px) 100vw, 50vw</code> means the images width is 100% of the viewport for small screens and 50% of the viewport for larger screens.<br><br>And <code>(max-width: 600px) calc(100vw - 20px), 500px</code> means the images width is 20px smaller than the viewport for small screens and 500px for larger screens.<br><br>For more information about the sizes attribute please visit <a href="https://www.w3.org/TR/2016/PR-html51-20160915/semantics-embedded-content.html#element-attrdef-img-sizes" target="_blank">w3.org</a>.

en	Pixel densities/<br>scale factors

en	If the sizes attribute is not defined, this setting simply defines the pixel densities you want to support. The dimensions of the images are adjusted automatically. E.g. <code>1x, 1.5x, 2x</code> creates the following HTML code:<br><code>&lt;img srcset="img-a.jpg 1x, img-b.jpg 1.5x, img-c.jpg 2x"&gt;</code><br><br>If the sizes attribute is defined, the same image sizes get generated but width descriptors are used for the srcset attribute. E.g. a 200 pixel wide image with the densities <code>1x, 1.5x, 2x</code> creates the following HTML code:<br><code>&lt;img srcset="img-a.jpg 200w, img-b.jpg 300w, img-c.jpg 400w"&gt;</code><br><br>For more information about the srcset attribute please visit <a href="https://www.w3.org/TR/2016/PR-html51-20160915/semantics-embedded-content.html#element-attrdef-img-srcset" target="_blank">w3.org</a>.