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.

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"}