Skip to content

MarkdownEditableTextInput is a TextField Widget that allow you to convert easily what's in the TextField to Markdown.

License

Notifications You must be signed in to change notification settings

guoz2013/markdown-editable-textinput

 
 

Repository files navigation

Build Status pub package codecov

markdown_editable_textinput

MarkdownEditableTextInput is a TextField Widget that allow you to convert easily what's in the TextField to Markdown.

Features

  • Convert to Bold, Italic, Strikethrough
  • Convert to Code, Quote, Links
  • Convert to Heading (H1, H2, H3, H4, H5, H6) and Links
  • Support text direction

Demo

Usage

The color of the MarkdownTextInput is defined by the color set in your Theme :

  • primaryColor: Cursor's color
  • accentColor: MarkdownTextInput's borders
  • cardColor: Background color of MarkdownTextInput

Attributes

Attributes Example Value Description
Function onTextChanged Callback used to retrieve the text in parent's Widget
String initialValue "Lorem Ipsum" Display an initial value in MarkdownTextInput's field
Function validators Add validators to the MarkdownTextInput
String label "Description" Display a label in MarkdownTextInput
TextDirection textDirection TextDirection.rtl Change text direction
int maxLines 3 The maximum of lines that can be display in the input
List actions [MarkdownType.bold, MardownType.italic] Actions the editor will handle

Example

You can see an example of how to use this package here

About

MarkdownEditableTextInput is a TextField Widget that allow you to convert easily what's in the TextField to Markdown.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Dart 91.4%
  • HTML 4.7%
  • Kotlin 1.7%
  • Swift 1.3%
  • Other 0.9%