All Projects → playmoweb → markdown-editable-textinput

playmoweb / markdown-editable-textinput

Licence: BSD-3-Clause license
MarkdownEditableTextInput is a TextField Widget that allow you to convert easily what's in the TextField to Markdown.

Programming Languages

dart
5743 projects
HTML
75241 projects
kotlin
9241 projects
swift
15916 projects

Projects that are alternatives of or similar to markdown-editable-textinput

seo renderer
A Flutter Web Plugin to display Text Widget as Html for SEO purpose
Stars: ✭ 103 (+119.15%)
Mutual labels:  flutter-widget
liquid button
Liquify your buttons, web demo at website
Stars: ✭ 18 (-61.7%)
Mutual labels:  flutter-widget
flutter horizontal data table
Flutter Fixed Column Horizontal Datatable Widget
Stars: ✭ 190 (+304.26%)
Mutual labels:  flutter-widget
flutter-spinning-wheel
A very customizable spinning wheel widget for Flutter.
Stars: ✭ 110 (+134.04%)
Mutual labels:  flutter-widget
Motion-Tab-Bar
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.
Stars: ✭ 237 (+404.26%)
Mutual labels:  flutter-widget
flutter coffee
📱仿luckin coffee的flutter app
Stars: ✭ 38 (-19.15%)
Mutual labels:  flutter-widget
flutter date picker timeline
Gregorian and Jalali customizable date picker as a horizontal timeline
Stars: ✭ 29 (-38.3%)
Mutual labels:  flutter-widget
flex color scheme
A Flutter package to make and use beautiful color scheme based themes.
Stars: ✭ 370 (+687.23%)
Mutual labels:  flutter-widget
dough
This package provides some widgets you can use to create a smooshy UI.
Stars: ✭ 518 (+1002.13%)
Mutual labels:  flutter-widget
incrementally loading listview
An extension of the Flutter ListView widget for incrementally loading items upon scrolling
Stars: ✭ 172 (+265.96%)
Mutual labels:  flutter-widget
custom radio grouped button
Custom Flutter widgets that makes Checkbox and Radio Buttons much cleaner and easier.
Stars: ✭ 144 (+206.38%)
Mutual labels:  flutter-widget
instagram-text-editor
An Instagram like text editor Flutter widget that helps you to change your text style.
Stars: ✭ 66 (+40.43%)
Mutual labels:  flutter-widget
flutter todos
A cross platform todo list app using flutter, sqlite etc. If you read the code, you will understand how to create simple elegant mobile app using Flutter and Dart language.
Stars: ✭ 60 (+27.66%)
Mutual labels:  flutter-widget
flutter ui stepper
A flutter challenge to create a stepper
Stars: ✭ 19 (-59.57%)
Mutual labels:  flutter-widget
flutter link previewer
URL preview extracted from the provided text with basic customization and ability to render from cached data.
Stars: ✭ 35 (-25.53%)
Mutual labels:  flutter-widget
flutter-app
Full Feature Todos Flutter Mobile app with fireStore integration.
Stars: ✭ 138 (+193.62%)
Mutual labels:  flutter-widget
FlutterLoadingGIFs
Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Demo: https://gallery.codelessly.com/flutterwebsites/loadinggifs/
Stars: ✭ 28 (-40.43%)
Mutual labels:  flutter-widget
stuff
Crud operation with Firebase
Stars: ✭ 80 (+70.21%)
Mutual labels:  flutter-widget
buttons tabbar
A Flutter package that implements a TabBar where each label is a toggle button.
Stars: ✭ 49 (+4.26%)
Mutual labels:  flutter-widget
rainbow container
🌈 A magical container which changes colors whenever its build method is called.
Stars: ✭ 21 (-55.32%)
Mutual labels:  flutter-widget

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
  • 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 actions [MarkdownType.bold, MardownType.italic] Actions the editor will handle
TextEditingController controller TextEditingController() Pass your own controller. Can be used to clear the input for example

Example

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].