Why are some HTML tags not shown on my static pages and how can I add them?

For security reasons only defined tags are allowed in VIMP texts.

But it´s possible to expand this list of allowed tags for the static pages.

Therefore we first add the following block to the file config/content_filter.yml:

      blacklist:     # <- this is the last line of the original file. We add the following block:
  webcontent:
    description:
      prepare:
      html_comments:
      html_corrector:
      html:
        allowed_tags: '<a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <h2> <h3> <h4> <h5> <h6> <h7>'
        popup:        false
        nofollow:     true
        mask:         false
      autop:
      url:
        length:       72
        popup:        false
        nofollow:     true
        mask:         false
      blacklist:

Important: Indentations must always be done with one or more whitespaces, but never with tab stops. For example, there are exact 2 whitespaces before "webcontent".

To allow further tags we edit allowed_tags and add the tags we need. For example, to allow embedding of the VIMP player, we need the <script> tag and for tables <table> <tbody> <tr> <td>. These tags are added in the next example:

        allowed_tags: '<a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <h2> <h3> <h4> <h5> <h6> <h7> <table> <tbody> <th> <tr> <td>'

Please clear the VIMP cache after saving the file (./vimp cc or ./symfony cc for versions lower than 6.0).

Note:

All style and JS event attributes are filtered for security reasons. It´s not possible to change this by parameters. Thus add css classes or IDs to any tag you want to change its appearance, for example <table class="mytable"> .

Ideally you should extend all tags with css classes (e.g. <table class="mytable">, if you want to apply custom styles.