Синтаксис Jade о строке с несколькими строками в pre tag

У меня есть такой Нефритовый код: 

pre='<!DOCTYPE html>n<html lang="en">nfoo barn</html>'

И это выглядит так: 

<!DOCTYPE html>
<html lang="en">
foo bar
</html>

Как я могу достичь чего-то подобного: 

pre='<!DOCTYPE html>n'
    +'<html lang="en">n'
    +'foo barn'
    +'</html>'

Или вот так: 

pre="""<!DOCTYPE html>n"""
    """<html lang="en">n"""
    """foo barn"""
    """</html>"""

Обновление: Я попробовал следующий код в jade-syntax-docs , он работает !

   pre
    | <!DOCTYPE html>
    | <html lang="en">
    | foo bar
    | </html>

Введите описание изображения здесь

Но это не работает на моем тестовом сайте. Мой сайт генерируется генераторомexpress generator . Это выглядит так это:

Введите описание изображения здесь

А html это:

Введите описание изображения здесь

Если Нефритовая версия имеет значение, это package.json: 

{
  "name": "nodejs-crud",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "body-parser": "~1.13.2",
    "cookie-parser": "~1.3.5",
    "debug": "~2.2.0",
    "express": "~4.13.1",
    "jade": "~1.11.0",
    "morgan": "~1.6.1",
    "serve-favicon": "~2.3.0"
  }
}

Кстати, я использую bootstrap.

4 4
html pug

4 ответа:

Вы также можете сделать следующее: 

pre
| <!DOCTYPE html>
| foo bar
| </html>
1

Попробуйте это :

-var myHtml='<!DOCTYPE html>\n'
-myHtml+='<html lang="en">\n'
-myHtml+='foo bar\n'
-myHtml+='</html>'
pre=myHtml

Или вот это: 

-var myHtml='<!DOCTYPE html>\n'+
- '<html lang="en">\n'+
- 'foo bar\n'+
- '</html>'
pre=myHtml
0

Вы можете либо использовать канал |, Как вы это сделали, но решение, которое более подходит для вашей проблемы, - это добавление точки . к тегу pre. Вы можете просто оставить отступ. Труба рекомендуется, если вы хотите сделать один разрыв линии.

pre.
    yo
    this is
    preformatted
    text

Выведет 

<pre>yo
this is
preformatted
text</pre>

Пример

0

Кстати, это может быть еще одно решение: 

-
  var myHtml='<!DOCTYPE html>\n'+
  '<html lang="en">\n'+
  'foo bar\n'+
  '</html>'

pre=myHtml
0