MarkDown 이란?
Markdown은 일반 텍스트 문서에 서식 요소를 추가하는 데 사용할 수 있는 경량 마크업 언어입니다. 2004년 John Gruber가 만든 Markdown은 현재 세계에서 가장 인기 있는 마크업 언어 중 하나입니다.
GitHub에서 사용되는 README.md 파일이 MarkDown으로 작성되었습니다.
MarkDown의 파일 확장자 명은 .md 혹은 .markdown을 사용합니다.
MakDown에 대한 더 자세한 내용은 MarkDown Guide를 참고바랍니다.
사용법
child (단일)에 배치하는 경우
- MarkDownWidget 을 사용
- Container, SizedBox 등 같은 child (단일)항목에 배치하는 경우에 사용
children (다중)에 배치하는 경우
- MarkdownGenerator 을 사용
- Column, Row, Stack 등 같은 children항목에 배치하는 경우에 사용
속성 별 설정
- config 항목에서 MarkdownConfig 를 정의해 지정
- MarkDown 속성(Code Bloc, Link 등) 별로 위젯을 추가해주거나 theme를 주는 등의 설정을 추가할 수 있습니다.
Light/Dark Mode 전환
Code Bloc 설정
Link 설정
MarkDown을 활용한 프로젝트
- ChatGPT의 답변을 markdown_widget을 사용하여 Code Blok과 텍스트를 분류하였습니다.
- Code Block의 복사하기는 PreConfig의 wrapper 속성을 사용하여 아이콘을 추가하였습니다.
https://pub.dev/packages/markdown_widget
markdown_widget | Flutter Package
A new markdown package. It supports TOC function, code highlighting, and it supports all platforms
pub.dev
'Flutter' 카테고리의 다른 글
| font_awesome_flutter (다양한 아이콘 사용) (0) | 2023.06.01 |
|---|---|
| flutter_launcher_icons (실행 아이콘 설정) (0) | 2023.05.25 |
| dart_openai (ChatGPT 패키지) (0) | 2023.05.22 |
| flutter_dotenv (환경변수 설정) (0) | 2023.05.19 |
| freezed (Code Generation) (0) | 2023.05.17 |
