描述

Description

Zulip defines a custom Handlebars helper {{#tr}} for translation, but when it happens to be used inside a table cell, js-beautify seemingly confuses it with a <tr> (table row) tag and indents it at the wrong level.

Input

The code looked like this before beautification:

<table>
    <tr>
        <td>
            {{#tr}}translated{{/tr}}
        </td>
    </tr>
</table>

Expected Output

The code should have looked like this after beautification:

<table>
    <tr>
        <td>
            {{#tr}}translated{{/tr}}
        </td>
    </tr>
</table>

Actual Output

The code actually looked like this after beautification:

<table>
    <tr>
        <td>
    {{#tr}}translated{{/tr}}
    </td>
    </tr>
</table>

Steps to Reproduce

html-beautify -H test.hbs

Environment

OS: Linux

Settings

None

贡献者指南

技术栈: javascripthtml
领域: toolingdeveloper experience
议题类型: bug
难度: 2
预计时间: 1-3 hours
活动状态: stale
清晰度: clear
前置要求: HTMLJavaScriptHandlebars basics
新手友好度: 75
研究方向: Start by reviewing the issue description and the linked template file (static/templates/search operators.hbs). The likely root cause is in the HTML tokenizer of js beautify, where {{#tr}} is mistakenly classified as a <tr> tag. Examine the tokenization and indentation logic in the JavaScript source code, specifically how custom tags or Handlebars helpers are handled. Consider implementing a check for Handlebars block helpers that start with # to prevent them from being treated as HTML tags.