markdown_editable_textinput

Last updated:

0 purchases

markdown_editable_textinput Image
markdown_editable_textinput Images
Add to Cart

Description:

markdown editable textinput

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 #

Link by Dialog demo #

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

primaryColor: Cursor's color
colorScheme.secondary: 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
[MarkdownType.bold, MarkdownType.italic]
Actions the editor will handle


TextEditingController controller
TextEditingController()
Pass your own controller. Can be used to clear the input for example


TextStyle textStyle
Theme.of(context).textTheme.bodyText2
Overrides input text style


bool insertLinksByDialog;
true
Choose to use dialog or not to insert link



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

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Customer Reviews

There are no reviews.