npm i --save @dev4ndy/markdown
- 版本:1.0.0
- GitHub:https://github.com/dev4ndy/nativescript-plugins
- NPM:https://npmjs.net.cn/package/%40dev4ndy%2Fmarkdown
- 下载
- 昨日:0
- 上周:0
- 上月:0
@dev4ndy/markdown
ns plugin add @dev4ndy/markdown
用于原生 markdown 渲染的插件。
完全基于此代码 代码。
注意:所有荣誉归 @flore2003 所有,我们在这里所做的是开始使用插件模板(《plugin-seed》),更新它并使其与 NS8 兼容... 此插件仅在 NS8 上进行了测试。
用法
Angular
- 在 apps 模块中注册元素
registerElement("Markdown", () => require("@dev4ndy/markdown").Markdown);
@NgModule({
...
});
- 现在您可以在模板中使用它
<Markdown [markdown]="'_This_ should be **bold**!'"></Markdown>
Vue
- 在 vue 环境中注册元素
Vue.registerElement( 'Markdown', () => require("@dev4ndy/markdown").Markdown )
您需要在页面标签中添加 xmlns:mv="nativescript-markdown-view"
,然后只需在页面上使用 <mv:Markdown/>
以添加小部件。
<!-- test-page.xml -->
<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded" xmlns:mv="markdown">
<StackLayout class="p-20">
<mv:Markdown markdown="_This_ should be **bold**!" />
</StackLayout>
</Page>
API
属性 | 默认值 | 描述 |
---|---|---|
markdown | "" | 屏幕上要渲染的 markdown |
许可证
Apache 许可证版本 2.0