如何为类似液体的模板语言编写简单的挂钩语法?

时间:2019-05-12 13:34:51

标签: javascript parsing expression peg pegjs

编辑:您可以在此处关注进度:https://github.com/simple-updates/template

我正在使用peg.js,并尝试编写一些可以解释模板的内容,例如:

hello {{ "world" }}
{% if a %}
  good {{ a }}
{% else %}
  bad
{% endif %}

我已经尝试了很多事情,但是可以说这是我的出发点:

Template
  = ws markup ws

ws = " "*

open_interpolation = "{{"
close_interpolation = "}}"
open_tag = "{%"
close_tag = "%}"

char = . // ?

markup =
  (open_tag tag:char* close_tag)
  { return { 'tag': tag.join('') } } /
  (open_interpolation interpolation:char* close_interpolation)
  { return { 'interpolation': interpolation.join('') } } /
  chars:char*
  { return { 'chars': chars.join('') } }

例如,当我尝试字符串{{ test }}时,它将仅将其解释为char而不是插值。

关于我该怎么做的任何想法?

(显然,嵌套“标记”会更复杂)

2 个答案:

答案 0 :(得分:1)

这样的事情怎么样呢?

Template
 = Atom*

Atom
 = IfTag
 / Interpolation
 / [^{]
 / !"{%" !"{{" "{"

Interpolation
 = "{{" _ Expression _ "}}"

IfTag
 = If Template ( Else Template )? EndIf

If
 = "{%" _ "if" _ Expression _ "%}"

Else
 = "{%" _ "else" _ "%}"

EndIf
 = "{%" _ "endif" _ "%}"

Expression
 = "\"" [^"]* "\""
 / [a-zA-Z]+
 / [0-9]+

_
 = [ \t\n\r]*

这里最棘手的部分是!"{%" !"{{" "{"的{​​{1}}替代形式,内容如下:

  

如果在当前位置之前看不到“ {%”和“ {{”,请匹配单个“ {”

答案 1 :(得分:0)

好吧,我还没有什么嵌套的东西,但是我的标签/插值可以正常工作了

关键是那些!not_something value

当前语法:

{
    function j(value) {
        return value.join('')
    }
}

Template
  = ws markup:markup ws { return markup }

ws = " "*

open_interpolation = "{{"
close_interpolation = "}}"
open_tag = "{%"
close_tag = "%}"

value = .

not_close_interpolation =
    ws !close_interpolation value:value ws { return value }

not_close_tag =
    ws !close_tag value:value ws { return value }

not_open_tag_or_interpolation =
    !open_interpolation !open_tag value:value { return value }

markup =
    (
      open_interpolation interpolation:not_close_interpolation+ close_interpolation {
          return { 'interpolation': j(interpolation) }
      } /
      open_tag tag:not_close_tag+ close_tag {
          return { 'tag': j(tag) }
      } /
      value:not_open_tag_or_interpolation+ { return j(value) }
    )+