Documentation

  • Tag Beschreibung
    <h2> Headline importance level 2
    Example: <h2>H2-Headline</h2>
    <h3> Headline importance level 3
    Example: <h3>H3-Headline</h3>
    <h4> Headline importance level 4
    Example: <h4>H4-Headline</h4>
    <h5> Headline importance level 5
    Example: <h5>H5-Headline</h5>
    <h6> Headline importance level 6
    Example: <h6>H6-Headline</h6>
    <br/> Defines a line break
    <strong> Converts text in bold
    Example: <strong>bold Text</strong>
    Shortcut: Mark word(s) and press Ctrl + b
    <em> Converts text in italic
    Example: <em>italic text</p> Mark word(s) and press Ctrl + i
    <span> Used as an inline element to mark up parts of a text
    Allowed classes: teal-text, red-text
    Example: <span class="teal-text">teal colored Text</span>
    <a> not allowed a-tags are not allowed on ProDuck. However, the system automatically converts link-patterns into clickable links. Beyond, you can insert a link like this [url="https://link.de",name="verlinkter Link",title="Dieser Link führt Sie zu link.de"]
    Shortcut: Copy link to clipboard, go to textarea on ProDuck, click into textarea to choose a position and press Ctrl + k to insert the link at this position. You can also mark a word and click Ctrl + k to link this word.
    <blockquote> Used for citations
    Example: <blockquote><p>Cited text or paragraph</p></blockquote>
    <p> Used to define a paragraph
    Example: <p>Paragraph</p>
    Shortcut: Mark paragraph and press Ctrl + p
    <s> Crosses out text
    Example: <s>strike through text</s>
    <u> Underlines Text
    Example: <u>underlined text</u>
    <hr/> Horizontal Line
    <ol> Ordered list
    <ul> Unordered list
    <li> List element
    <img> Defines an image, requires src-attribute, optional: alt, data-caption-attribute
    Allowed classes: "materialboxed" - allows to zoom in on images
    Example: <img src="https://www.image-source.de/img.jpg" class="materialboxed" alt="alternative description of the picture" />
    Shortcut: Copy image src-link or ASIN to clipboard, go to textarea on ProDuck, click into textarea to choose a position and press Ctrl + g to insert the image embedded in html code
    <i> Can be used to implement icons with class material-icons and the appropriate icon-name. Please find further information here: https://developers.google.com/fonts/docs/material_icons
    Example Star-Icon: <i class="material-icons" >star</i>
    <iframe> Only allowed to embed youtube videos in the form of:
    <iframe width="640" height="360" src="https://www.youtube-nocookie.com/embed/Lyr_qNrSZpI" title="VIDEO-TITEL" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    <table> Defines a table
    <th> Defines a header cell in a table
    <tr> Defines a row in a table
    Allowed attributes: colspan, rowspan
    <td> Defines a cell in a table
    Allowed attributes: colspan, rowspan
    <caption> Defines a table caption
    <colgroup> Specifies a group of one or more columns in a table for formatting
    <col> Specifies column properties for each column within a <colgroup> element
    <thead> Groups the header content in a table
    <tbody> Groups the body content in a table
    <tfoot> Groups the footer content in a tableTag