Visual Components

Visual Components are small elements that can be used in HtmlViews and MarkdownViews. They are defined by a simple, custom element syntax and can be inserted into the html or markdown. Below are listed the available visual components and how to use them in an HtmlView or MarkdownView.

• Visual Components

  • Components

    • API Component

      • Properties

      • Usage

    • Markdown Editor Component

      • Properties

      • Usage

    • Rich-Text Editor Component

      • Properties

      • Usage

Components

API Component

Calls an IA_API endpoint and places its response at the position of the component.

Properties

• ia-name: the iaName of the IA_API Function to execute.
• input-*: input values for the IA_API Function.

Usage

HTML

<ia-api ia-name="myAPI" input-myValue="myInputValue"></ia-api>

Markdown

[ia-api]{"ia-name": "myAPI", "input-myValue":"myInputValue"}

Markdown Editor Component

Provides a WYSIWYG textarea input with markdown mode to be used in forms.

Properties

• name: the input name (similar to <input> or <textarea> elements)

Usage

HTML

<ia-markdown-editor name="myMarkdownEditor"></ia-markdown-editor>

Markdown

Markdown Editor is not available in markdown (for recursivity reasons).

Rich-Text Editor Component

Provides a WYSIWYG textarea input with HTML mode to be used in forms.

Properties

• name: the input name (similar to <input> or <textarea> elements)

Usage

HTML

<ia-text-editor name="myRichTextEditor"></ia-text-editor>

Markdown

[ia-text-editor]{"name": "myRichTextEditor"}