markdown_viewer

KO | EN

gitlite — search

#hacktoberfest #ai #llm #golang #go #android #machine-learning #nodejs #macos #java #windows #kubernetes #pytorch #ios

markdown_viewer

(★ 18)

A Markdown viewer widget for Flutter. It renders Markdown string to rich text output.

markdown_viewer 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Flutter CI](https://github.com/tagnote-app/markdown_viewer/actions/workflows/flutter-ci.yml/badge.svg)](https://github.com/tagnote-app/markdown_viewer/actions/workflows/flutter-ci.yml)

## Markdown Viewer

A Markdown viewer widget for Flutter. It renders Markdown string to rich text
output.

Check the source code of this screenshot [here](https://github.com/tagnote-app/markdown_viewer/blob/master/example/lib/main.dart)

### Usage

```dart
MarkdownViewer(
  'Hello **Markdown**!',
  enableTaskList: true,
  enableSuperscript: false,
  enableSubscript: false,
  enableFootnote: false,
  enableImageSize: false,
  enableKbd: false,
  syntaxExtensions: const [],
  elementBuilders: const [],
);
```

### How to create a syntax extension

```dart
class ExampleSyntax extends MdInlineSyntax {
  ExampleSyntax() : super(RegExp(r'#[^#]+?(?=\s+|$)'));

@override
  MdInlineObject? parse(MdInlineParser parser, Match match) {
    final markers = [parser.consume()];
    final content = parser.consumeBy(match[0]!.length - 1);

return MdInlineElement(
      'example',
      markers: markers,
      children: content.map((e) => MdText.fromSpan(e)).toList(),
    );
  }
}

```

### How to create a element builder

```dart
class ExampleBuilder extends MarkdownElementBuilder {
  ExampleBuilder()
      : super(
          textStyle: const TextStyle(
            color: Colors.green,
            decoration: TextDecoration.underline,
          ),
        );

@override
  bool isBlock(element) => false;

@override
  List<String> matchTypes = <String>['example'];
}
```

markdown_viewer

markdown_viewer 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

markdown_viewer

markdown_viewer 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README