Question

我有两个玉石模板：

# base_template
block do_something
    :custom_filter
        block do_something_main

和

extends base_template

block do_something_main
    h1 Hello There!

我已按如下方式定义了自定义过滤器：

var jade = require("jade");
jade.filters.custom_filter = function(html, options) {
    var output = jade.render(html, {filename: options.filename});
    // modify the output
    return "<h1>AWESOME RACCOONS!</h1>" + output;
}

但是，对jade.render(...)的调用无法呈现do_something_main块。如果我没有在自定义过滤器中定义另一个块，那么一切正常。

例如，使base_template不定义do_something_main块将正确呈现内容，但它不是我想要的行为或继承模式：

# base_template
block do_something
    :custom_filter
        .awesome_class HELLO THERE

如何让jade.render(...)在自定义过滤器中呈现块？

Answer 1

我遇到了同样的问题，我认为不可能用当前版本的Jade以干净的方式进行。

在解析器源代码中：https://github.com/visionmedia/jade/blob/master/lib/compiler.js#L488过滤器的内容将不受影响地传递给过滤器函数。

然而，有可能攻击Jade这样做，但没有保证它将在未来的版本上工作：

Jade将一些变量暴露给已编译的mixin代码，例如buf，block以及您传递给Jade的任何其他数据。
block是一个呈现包含块的函数。遗憾的是，该函数不会返回任何值，因为它会直接影响缓冲区。

根据这些调查结果，我能够创建一个hacky解决方法：

mixin example()
  - var prevBuf = buf;
  - buf = []
  - block()
  - var blockResult = buf.join('');
  - buf = prevBuf;
  = myFilter(blockResult)

div
  +example()
    | **Hello** world!

为了使其工作，您需要将myFilter函数传递给Jade编译。如果您手动运行Jade，请将该信息传递给jade.render：

jade.render(src, {myFilter: function (txt) {...}});

如果您使用grunt运行Jade，请将其传递给数据选项（请参阅https://github.com/gruntjs/grunt-contrib-jade#data）。在filters中传递它不起作用，因为在当前的Jade版本中，过滤器不会公开生成的mixin代码。

如何在自定义jade过滤器中渲染块？

1 个答案: