@nstudio/nativescript-markdown-view
A NativeScript 视图,用于在屏幕上显示本地图形渲染的 Markdown。
npm i --save @nstudio/nativescript-markdown-view
- 版本:1.0.0
- GitHub: https://github.com/nstudio/nativescript-ui-kit
- NPM: https://npmjs.net.cn/package/%40nstudio%2Fnativescript-markdown-view
- 下载量
- 昨日: 2
- 上周: 20
- 上个月: 34
@nstudio/nativescript-markdown-view
A NativeScript 视图,用于在屏幕上显示本地图形渲染的 Markdown。
在 Android 上使用 Markwon,在 iOS 上使用 TSMarkdownParser。
npm install @nstudio/nativescript-markdown-view
如果使用 vanilla core
<!-- test-page.xml -->
<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" xmlns:mv="@nstudio/nativescript-markdown-view">
<StackLayout class="p-20">
<mv:MarkdownView markdown="_This_ should be **bold**!" />
</StackLayout>
</Page>
当使用 flavor 时,您可以在您的标记中注册元素以供使用
import { MarkdownView } from '@nstudio/nativescript-markdown-view'
// Angular
import { registerElement } from '@nativescript/angular'
registerElement('MarkdownView', () => MarkdownView)
// Solid
import { registerElement } from 'dominative';
registerElement('markdownview', MarkdownView);
// Svelte
import { registerNativeViewElement } from 'svelte-native/dom'
registerNativeViewElement('markdownview', () => MarkdownView);
// React
import { registerElement } from 'react-nativescript';
registerElement('markdownview', () => MarkdownView);
// Vue
import Vue from 'nativescript-vue'
Vue.registerElement('MarkdownView', () => MarkdownView)
在任何地方使用 MarkdownView
。
<MarkdownView markdown="_This_ should be **bold**!" />
API
属性 | 默认值 | 描述 |
---|---|---|
markdown | "" | 要渲染到屏幕上的 Markdown |
致谢
- 感谢原始作者,Florian Reifschneider!
许可
Apache 许可证版本 2.0