什么是解析和操作像DOM这样的Liquid模板的最佳方法？

Question

我想操纵液体模板以类似于在nokogiri或JavaScript中插入新节点的方式动态添加新的html节点和条件。实现此类功能的最简单方法是什么？

我的想法：

• 使用正则表达式

• 创建伪标记，以便模板中的每一行（我的伪代码如下）：

  <div class="my-class"> transform into HtmlNode.new(:start, :div, { class:'my-class' })   
  

对于沿着这条线的液体（伪代码）

{{ page.title }} transform into LiquidNode.new(:object, 'page.title' )

那将是数组，然后我可以在特定索引处插入我的代码并将其转换回液体模板

我不认为这是一个新问题，但我无法在互联网上的任何地方找到简单的解决方案。也许我不能正确地说明问题。