flutter_html_view

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Flutter 앱 내에서 HTML 콘텐츠를 네이티브 위젯으로 렌더링할 수 있게 해주는 플러터 플러그인입니다. 플러터는 원래 HTML 렌더링을 지원하지 않기 때문에 이 패키지는 HTML 문자열을 파싱하고 해당하는 플러터 위젯으로 변환함으로써 격차를 메웁니다. 기본 HTML 태그와 CSS 스타일링을 지원하여 형식화된 텍스트, 블로그 게시물 또는 웹 소스의 동적 콘텐츠 표시에 이상적입니다. 이 패키지는 가볍고 기존 플러터 프로젝트와 원활하게 통합됩니다.

사용 사례

서식이 지정된 블로그 콘텐츠 표시
API에서 동적 HTML 렌더링
앱에서 리치 텍스트 표시
사용자 생성 HTML 삽입
간단한 웹과 유사한 인터페이스 만들기

주요 기능

HTML에서 위젯으로의 변환
기본 CSS 지원
경량이고 빠름
Flutter와의 간편한 통합
일반적인 HTML 태그를 지원합니다

적합한 대상

풍부한 텍스트 표시가 필요한 앱
콘텐츠 중심 애플리케이션
간단한 웹 콘텐츠 렌더링
HTML 데이터를 다루는 개발자
최소 종속성 요구 프로젝트

고려 사항

제한된 고급 CSS 지원
자바스크립트 실행 없음
복잡한 웹 페이지에는 적합하지 않습니다
신뢰할 수 없는 HTML의 보안 위험
대규모 HTML 콘텐츠와 함께 성능이 저하될 수 있습니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Flutter Plugin to render html as a Widget,

Refer this for full support of inline webview for android and iOS

Flutter has no default support to render html so this package helps you to render your html to native widgets

Video tag support added
Links are clickable now

Supported Tags

p
em
b
img
video
h1, h2, h3, h4, h5, h6

Note

This plugin converts some of the html tags to flutter widgets

This plugin does't support rendering full html code (there is no built in support for web rendering in flutter)

How to Use

dependencies:
  flutter_html_view: ^0.5.11


import 'package:flutter_html_view/flutter_html_view.dart';

String html = '<body>Hello world! <a href="www.html5rocks.com">HTML5 rocks!';

new HtmlView(
  data: html,
  baseURL: "", // optional, type String
  onLaunchFail: (url) { // optional, type Function
    print("launch $url failed");
  },
  scrollable: false, //false to use MarksownBody and true to use Marksown
)

MarkdownStyleSheet

styleSheet: MarkdownStyleSheet(

),

styleOptions

The default and available style options:

Name	Default	Options
headingStyle	"setext"	"setext", "atx"
hr	"* * *"	"* * *", "- - -", "_ _ _"
bulletListMarker	"*"	"*", "-", "_"
codeBlockStyle	"indented"	"indented", "fenced"
fence	"```"	"```", "~~~"
emDelimiter	"_"	"_", "*"
strongDelimiter	"**"	"**", "__"
linkStyle	"inlined"	"inlined", "referenced"
linkReferenceStyle	"full"	"full", "collapsed", "shortcut"

iOS

Warning: The video player is not functional on iOS simulators. An iOS device must be used during development/testing.

Add the following entry to your Info.plist file, located in <project root>/ios/Runner/Info.plist:

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

This entry allows your app to access video files by URL.

Android

Ensure the following permission is present in your Android Manifest file, located in `/android/app/src/main/AndroidManifest.xml:

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

Thanks to

@Katran

패키지, 저장소 및 앱 카테고리 검색