npm 包 ember-refined-remarkable 使用教程

阅读时长 3 分钟读完

简介

ember-refined-remarkable 是一个基于 ember.js 框架的 Markdown 编辑器,它提供了一些额外的功能,如快速插入代码块、表格、链接等元素,以及实时预览等。使用 ember-refined-remarkable 可以极大地提高开发者的 Markdown 编辑效率。

安装

使用 npm 安装 ember-refined-remarkable:

使用

引入插件

在你的 ember 项目中引入插件:

-- -------------------- ---- -------
-- -------------

------ ----------- ---- ------------------------
------ ------ ---- -----------------------
------ ----- ---- -----------------------
------ ---------------------- ---- ---------------------------

----- ------ - --------------------
  --------- --------------------
  -------- --------------
---

--------------------- -
  --------------------
---

--------------
  ------ -
    --------------------------
    -------------------------------
      -------- -----    -- --- --- -----
      ------------ ---- -- ---------
    ---
  -
---

------ ------- -------

使用组件

在组件中使用 ember-refined-remarkable:

其中 value 绑定 Markdown 的值, onChange 是Markdown值改变时的回调函数, options 是 Remarkable 的配置选项。

功能预览

在编辑器中输入以下 Markdown 格式文本:

-- -------------------- ---- -------
- --

-------------------

    --- ------- - --
    ---------------------

------------

-  -  -  -  -  -  -
- --- - --- - --- -
-  -  -  -  -  -  -
-  -  -  -  -  -  

----------

------------------------------

总结

ember-refined-remarkable 是一个很棒的 Markdown 编辑器,可以极大地提高开发者的 Markdown 编辑效率,并且功能高度可定制化。希望这篇文章对您有所帮助,欢迎讨论。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066e19a563576b7b1ecbc7

纠错
反馈