Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

kkdfffd

...

When inserting Digizuite assets into a rich text field, different html templates are rendered depending of the asset type. In the default configuration below, we can see that Assettype “Image”, will render "<img alt='#title#' src='#link#' />". The tag #title# and #link# will be replaced with the selected assets data. There are 4 tags, that can be used:

  • #title#, The title of the selected asset.

  • #link#, The link of the selected quality and asset.

  • #downloadLink#, The downloadLink of the selected quality and asset.

  • #thumb#, The thumbnail images from the selected asset.

Default template configuration

Code Block
languagec#
public List<TinyMceTemplateElement> TinyMceTemplates = new List<TinyMceTemplateElement>()
        {
   
       new TinyMceTemplateElement()
      
    {

              AssetTypes = new List<string>() { "Default" },

              HtmlTemplate = "<a href='#downloadLink#'>#title#</a>"
           },
     
     new TinyMceTemplateElement()
      
    {

              AssetTypes = new List<string> { "Image" },

              HtmlTemplate = "<img alt='#title#' src='#link#' />"
           },
     
     new TinyMceTemplateElement()
      
    {

              AssetTypes = new List<string>() { "Video" },

              HtmlTemplate = "<div style='width:640px; height:360px;'><video poster='#thumb#' controls='controls' style='width:100%; height:100%;'><source type='video/mp4' src='#link#'></video></div>"
           }
     
  };};

You have the options to add your own configuration in the startup.cs. As a minimum you must add the default assettype. Otherwise nothing will be rendered.