textFormat

defines how the main content of the card is interpreted and rendered: as plain text or as Markdown

String textFormat;

Values

  • "text"
    the content is rendered as plain text with plain‑text styling
  • "markdown"
    the content is parsed as Markdown and rendered as HTML with Markdown styling
  • Example

    webix.ui({
      view:"kanban", 
      textFormat:"markdown",
      cols:[
        { 
          header:"In Progress",
          body:{ view:"kanbanlist", status:"work" }
        },
        //other columns here
      ],
      editor:true,
      data:kanban_data
    });


    Default value:

    "text"

    Related samples

    Details

    When the textFormat property is set to "text" (the default), the card's body receives the webix_kanban_body_text CSS class for plain-text styling. When textFormat is set to "markdown", the card's body is styled with the webix_kanban_body_markdown CSS class, which provides formatting for Markdown-rendered HTML. The classes are applied automatically based on the textFormat property value.

    Please note that if you define a custom template for the card's body, you need to parse Markdown with the markdownToHtml helper and apply the webix_kanban_body_markdown class manually to ensure correct Markdown processing and rendering.

    Note that the markdown parser of the Kanban widget doesn't support nested structures (except bold inside italic). This means that combinations such as bold inside a link, italic inside a list, or multi-level lists will not render correctly when used in the card's text content.

    Back to top
    Join Our Forum
    We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.