【问题标题】:Generate Emmet code from HTML - reverse action从 HTML 生成 Emmet 代码 - 反向操作
【发布时间】:2013-02-18 19:51:44
【问题描述】:

我说的是 Emmet.io(前 Zen Coding)。

是否有反向执行此操作的 JavaScript 代码或 jQuery 插件?

例子:

emmet('ul > li*3') => '<ul><li></li><li></li><li></li></ul>'

我想要这样的东西:

emmet('<ul><li></li><li></li><li></li></ul>') => 'ul > li*3'

【问题讨论】:

  • 这有点难,因为可以有很多类型。而前者只是一个。
  • 只是想知道,为什么要将标记转换为 emmet 代码?你基本上是想保留你已经做过的事情?
  • 您可以编写一个常规的 exp 并循环遍历这些结果,然后以这种方式吐出您想要的内容。
  • @JamieHutber 那将是最坏情况的算法! :(
  • @AdamHeath 是的,我做到了,你可以在这里找到它:link

标签: javascript emmet


【解决方案1】:

HTML.js 正是您要寻找的
http://nbubna.github.io/HTML/

【讨论】:

  • 它应该做什么?你能提供一些细节吗?您可以edit your answer(但请不要使用“更新”“编辑:”或类似)。
【解决方案2】:

我们有 Sizzle 选择器。通过.size(),我想我们或许能够实现它。

检查这个问题(看起来很相似):Reverse Zen Coding

【讨论】:

  • 不,它不相似,该主题是关于单元和选择器测试的。不生成代码。但是感谢您的尝试。
  • 当然...但我想通过检查大小并使用选择器获取标记名,我们将能够反向构建。为什么不试一试呢?
猜你喜欢
  • 2014-03-07
  • 2014-10-14
  • 1970-01-01
  • 2014-03-28
  • 1970-01-01
  • 2017-12-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多