当前位置:   article > 正文

uniapp 动态组件_Angular开源组件:ng-codemirror

uniapp codemirror

2a3b73994e899b0dedec5814efa31141.png

很高兴告诉你,我封装了一个简单使用codemirror​的Angular组件,在日常开发工作中经常有需要展示或者编辑代码块的场景,而codemirror是一个成名已久的代码编辑器基础库,所以我基于Angular对它做了一些封装,方便在Angular项目中直接使用它。

Demo效果:

18c993d951200bd7b41530ea930ea4ec.gif

我们的知识库产品使用效果截图:

b997bb25145f4b63dd24139c2faa10f5.png

主要特性

  1. 支持只读模式内容复制(codemirror的缺陷);
  2. 在Angular弹框组件中可以正常使用(ngx-codemirror在这块有问题);
  3. 支持最大高度配置(真实高度小于最大高度显示真实高度,真实高度大于最大高度出现滚动条);
  4. 支持动态更新codemirror的所有optons配置;
  5. 支持动态更新代码块内容;

组件使用

<

更多使用细节可以参照: README,关于codemirror的更多使用参照:https://codemirror.net/

虽然是非常简单的封装,但贡献出来也非常开心,有任何相关问题可以评论或者提Issue,也欢迎Star 支持。

github仓储:https://github.com/pubuzhixing8/ng-codemirror

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/76964
推荐阅读
相关标签
  

闽ICP备14008679号