Insites Docs Web Components V1Data DisplayMarkdown

Markdown

Last updated on August 02, 2024.

Element: <ins-markdown>

Defines a markdown viewer/renderer.

Complete Example

Code Snippet

<ins-markdown
  label="Markdown Content"
  value="
# H1 heading
## H2 heading
### H3 heading">
</ins-markdown>
Direct Value Set

Code Snippet

<ins-markdown id="directFieldEl"></ins-markdown>
<script>
  var label = "Change logs - Sample";
  var value = `
# H1 heading
## H2 heading
### H3 heading`;

  var field = document.getElementById('directFieldEl');
  directFieldEl.addEventListener('didLoad', function(e){
    field.label = label;
    field.value = value;
  });
</script>

 

Attributes

 

FIELD ATTRIBUTE TYPE DEFAULT OPTIONS DESCRIPTION
label string "" any Label shown for the field
value string "" any Defines the field value

 

Events

 

EVENT OBJECT DESCRIPTION
oninput keyboard event Emits keyboard event on keypress
valueChange value Emits textarea value on change

 

Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.