如何使用自己的用户界面创建生活方式指南

时间:2016-12-09 01:05:13

标签: angularjs sass copy-paste

我使用Angular2创建了一个网站/应用程序。基础设施已全部设置,我已完成路由,正在处理等等。

我在本网站上有部分(组件),它们将显示我们设计的当前Web标准(按钮,表单,副本)。本网站的目的是为我们的开发人员提供标记和sass的复制/粘贴解决方案。

我们很可能会创建自己的css库,但是他们仍然需要对每个类的功能和复制/粘贴解决方案进行良好的可视化参考。

我知道如何开发所有标准,我不知道该怎么做是为用户提供DOM显示选项来复制/粘贴代码。我可以手动输入代码或标签,但这将很难维护,不是很干净的方法。我想找到一些能够利用我的代码并在运行时创建这些标记的解决方案。

谷歌搜索这个问题导致使用生活方式指南生成器的道路,我不想使用...为什么?我喜欢拥有控制自己的布局和扩展我的标准的功能,因为我认为这与我们自己的技术相符。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

在进一步探索之后,我再次在文档工具(KSS)上再次盘旋,我需要使用markdown和/或JDOC重建我的整个样式指南。

的解决方案!

使用CodePen,它可以免费注册,但有一些很好的功能,每月收费。我在这里使用SASS,HTML和CSS库轻松创建了我的代码。 CodePen具有很棒的EMBED功能,而我可以将html或iframe复制/粘贴到我的样式指南中。

现在问题已经解决了,我们已经拥有了一个动态的Web& UI样式指南。

希望这种方法在我的情况下帮助其他人。