发表新帖
发表新帖

How to remove unwanted indent from HAML's pre tag

前端 未结
关注
2 1831
别跟我提以往
别跟我提以往 2020-12-28 13:04

I have problem with 

, here is my code, and the screenshot is attached below. How to remove the indents? 



%pre.code
    :escaped
相关标签:
2条回答
  • 醉话见心
    2020-12-28 13:57

    You need to use the #preserve helper to convert the newlines in the pre to newline entities, like so:

    %pre.code
    = preserve do
        :escaped
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html>
                <head></head>
                <body>
                    <form>
                        <input type="text" name="empID" />
                        <input type="submit"/>        
                    </form>   
                </body>
            </html>

    In the future, you'll be able to nest filters, so you can do :preserve:escaped.

    0 讨论(0)
  • 北恋
    2020-12-28 13:57

    When representing "pre" like text from a variable inside a div or other tag, use

    .text.plain= preserve(@mail.body.to_s)

    along with CSS "white-space: pre-wrap;". Use the one-line version, because the two-line will still indent the first line.

    / BAD: Will leave the first line incorrectly indented!
.text.plain
  = preserve(@mail.body.to_s)
    0 讨论(0)
 看不清?
提交回复
热议问题