Page tree
Skip to end of metadata
Go to start of metadata

The combination of filters and macros in the editor can create a powerful environment for creating dynamic page content in the editor.

Dynamic content is where a script, templating engine, or process evaluates a variable or declared function contained within a HTML document.

An example of such a dynamic page fragment might be:

<html>
<body>
  <p> The date today is: [[date]] </p>
</body>
</html>

Where [[date]] is evaluated at render-time by some outside process, for example.

Often, it is difficult to portray such dynamic content in a WYSIWYG editing environment, without taking away the dynamic behavior itself.

Using macros, you can replace content in real-time, whilst preserving original state by wrapping original values in data- attributes.

The demo below shows an example where we can show true WYSIWYG output of dynamic functions, such as [[date]], but use the original function when editor.content.get() is called:

  • No labels