libv_markdown 1.0.2

Flutter Android iOS

A Flutter Package to render Markdown / Mathematics / Maths, Physics and Chemistry, Statistics / Stats Equations based on LaTeX with full HTML and JavaScript support.

Flutter Markdown Library #

A Flutter Package to render Markdown , including:

  • LateX(MathPart

  • Highlight Code

  • It also includes full HTML with JavaScript support.

Rendering of equations depends on mini-mathjax a simplified version of MathJax a JavaScript library.

This package mainly depends on webview_flutter plugin.

Use this package as a library in your flutter Application #

1: Add this to your package's pubspec.yaml file:

dependencies:
  libv_markdown: ^1.0.2

2: You can install packages from the command line:

$ flutter packages get

Alternatively, your editor might support flutter packages get. Check the docs for your editor to learn more.

3: For Android Make sure to add this line android:usesCleartextTraffic="true" in your <project-directory>/android/app/src/main/AndroidManifest.xml under application like this.

<application
       android:usesCleartextTraffic="true">
</application>

and permissions

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.WAKE_LOCK" />

For iOS add following code in your <project-directory>/ios/Runner/Info.plist


<key>NSAppTransportSecurity</key>

  <dict>
    <key>NSAllowsArbitraryLoads</key> <true/>
  </dict>

<key>io.flutter.embedded_views_preview</key> <true/>

4: Now in your Dart code, you can use:

import 'package:libv_markdown/libv_markdown.dart';

5: Now you can use markdownViewHTML widget like this.

    markdownView(
          markdownViewHTML: r"""
          **Hello**, $sin^2x+cos^2x=1$
          """,

          onRenderFinished: (height) {
                print("Widget Height is : $height")
                },

          onPageFinished: (string) {
                print("Page Loading finished");
              },
        )

Complete working application Example

Known Issues: #

  • A bit slow rendering speed. It takes 1-2 seconds to render after application loaded.

Cautions: #

  • Please avoid using too many markdownViews in a single page, because this is based on webview_flutter a complete web browser. Which may cause to slow down your app.

Thanks : #

1
likes
80
pub points
27%
popularity

A Flutter Package to render Markdown / Mathematics / Maths, Physics and Chemistry, Statistics / Stats Equations based on LaTeX with full HTML and JavaScript support.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

jalor.bamboo@gmail.com

License

MIT (LICENSE)

Dependencies

flutter, mime, webview_flutter

More

Packages that depend on libv_markdown