介绍
@polymer/marked-element 是一个基于 Polymer 的 npm 包，用于在 Polymer 应用中显示 Markdown 内容。使用 @polymer/marked-element 可以将 Markdown 转换为 HTML，并通过 Polymer 元素在页面上展示出来。
本文将介绍如何使用 @polymer/marked-element 在 Polymer 应用中显示 Markdown 内容。
安装
使用 npm 安装 @polymer/marked-element：
npm install @polymer/marked-element
使用
引入 @polymer/marked-element：
<script src="./node_modules/@polymer/marked-element/marked-element.js"></script>
使用 @polymer/marked-element：
<marked-element markdown="[[markdown]]"></marked-element>
上述代码中，markdown 属性指定了要显示的 Markdown 内容。可以通过 data binding 将 Markdown 内容传递给 marked-element。例如，可以在 Polymer 元素的 JavaScript 代码中设置 markdown 属性：
this.markdown = '# Hello, World!';
也可以在 HTML 中设置 markdown 属性，例如：
<marked-element markdown="# Hello, World!"></marked-element>
更多 @polymer/marked-element 的使用方法，请参考 官方文档。
示例
下面是一个简单的示例，展示了如何使用 @polymer/marked-element 在 Polymer 应用中显示 Markdown 内容：
-- -------------------- ---- -------
--------- -----
----- ----------
------
------------------------------ ------------
----- --------------- ---------------------------- -----------------
------- ----------------------------------------------------------
------- ------------------------------------------------------------------------
-------
------
----------- ------------
----------
--------------- -----------------------------------------
-----------
--------
---------
--- ---------
----------- -
--------- -
----- -------
------ -- ------ -------
-
-
---
---------
-------------
-----------------
-------
-------在上述示例中，my-app 是一个自定义 Polymer 元素，它包含一个 marked-element，用于显示 Markdown 内容。通过 markdown 属性将 Markdown 内容传递给 marked-element。
总结
@polymer/marked-element 是一个方便易用的 npm 包，用于在 Polymer 应用中显示 Markdown 内容。通过本文的介绍，你应该已经学会了如何使用 @polymer/marked-element，在你的 Polymer 应用中显示 Markdown 内容。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f756e0ca9b7065299ccbcc5