Html pre-tag中多行字符串的Jade语法

Html pre-tag中多行字符串的Jade语法,html,pug,Html,Pug,我有这样的代码: pre='<!DOCTYPE html>\n<html lang="en">\nfoo bar\n</html>' <!DOCTYPE html> <html lang="en"> foo bar </html> pre='<!DOCTYPE html>\n' +'<html lang="en">\n' +'foo bar\n' +'</html&g

我有这样的代码:

pre='<!DOCTYPE html>\n<html lang="en">\nfoo bar\n</html>'
<!DOCTYPE html>
<html lang="en">
foo bar
</html>
pre='<!DOCTYPE html>\n'
    +'<html lang="en">\n'
    +'foo bar\n'
    +'</html>'
pre="""<!DOCTYPE html>\n"""
    """<html lang="en">\n"""
    """foo bar\n"""
    """</html>"""
<pre>yo
this is
preformatted
text</pre>
顺便说一句,我使用
引导

试试这个:

-var myHtml='<!DOCTYPE html>\n'
-myHtml+='<html lang="en">\n'
-myHtml+='foo bar\n'
-myHtml+='</html>'
pre=myHtml
-var myHtml='\n'
-myHtml+='\n'
-myHtml+='foo-bar\n'
-myHtml+=“”
pre=myHtml
或者这个:

-var myHtml='<!DOCTYPE html>\n'+
- '<html lang="en">\n'+
- 'foo bar\n'+
- '</html>'
pre=myHtml
-var myHtml='\n'+
-“\n”+
-'富吧\n'+
- ''
pre=myHtml
您也可以这样做:

pre
| <!DOCTYPE html>
| foo bar
| </html>
pre
| 
|富吧
| 

您可以像以前一样使用管道
|
,但更适合您的问题的解决方案是在
前的
标记上附加一个点
。你可以保留缩进。如果要执行单线打断,建议使用管道

pre.
    yo
    this is
    preformatted
    text
将输出

yo
这是
预定义格式
文本

顺便说一句,这可能是另一种解决方案:

-
var myHtml='\n'+
“\n”+
'富吧\n'+
''
pre=myHtml

谢谢,但也许有更好的解决方案。不客气,您也可以使用管道(|),如我发布的另一个答案所示。谢谢,Franz,但点符号无法逃避html标记,我必须使用pre=''。
pre.
    yo
    this is
    preformatted
    text
<pre>yo
this is
preformatted
text</pre>
-
  var myHtml='<!DOCTYPE html>\n'+
  '<html lang="en">\n'+
  'foo bar\n'+
  '</html>'

pre=myHtml