Jump to content
  • 0

PHP-вставка в Jade с новой строки

yustnip

Asked by yustnip,

 Share

Question

yustnip Explorer

yustnip

Posted
Posted

Здравствуйте!

 

Начал осваивать шаблонизатор Jade и сейчас в рамках обучения переделываю свои WP-шаблоны (да, у меня на работе принимают проект только с натяжкой  :) ).

 

Есть такой код:

<!doctype html><html>    <head>        <meta charset="utf-8">        <?php wp_head(); ?>

Пишу его в Jade:

doctypehtml    head        meta( charset='utf-8' )        <?php wp_head(); ?>

На выходе получается:

<!DOCTYPE html><html>  <head>    <meta charset="utf-8"><?php wp_head(); ?>  </head></html> 

Возможно ли перенести PHP-вставку на новую строку с правильным отступом?

 

И в целом, есть ли смысл пробовать верстать шаблон с вставками через Jade, т.к. уже вижу проблему с закрывающими тегами. Или все-таки будет более правильным сначала верстать макет, а потом его натягивать на WP? На вскидку представляется, что это будет занимать больше времени, чем одновременная верстка+натяжка.

Link to comment
Share on other sites

19 answers to this question

Recommended Posts

  • 0
Sergik+ Explorer

Sergik+

Posted
Posted (edited)

Jade чем компилируете ? Какая проблема с закрывающими тегами, все компилится в банальный html c закрывающими тегами.

Вот таск для gulp для удобочитаемого html, не совсем правда понятно зачем.

 

gulp.task('jade', function () {
  return gulp.src('public/**/*.jade')
    .pipe(gulpJade({
      jade: jade,
      pretty: true
    }))
    .pipe(gulp.dest('public/'))
})
 
pretty: true  как раз нужная вам опция если компилите чем то другим.
Edited by Sergik+
Link to comment
Share on other sites
  • 0
yustnip Explorer

yustnip

Posted
  • Author
Posted

Компилирую через дополнение редактора Atom. По закрывающим тегам я имел ввиду, что в WP тег html открывается в файле header.php, а закрывается в footer.php. При написании через Jade написание тега предполагает его последующую компиляцию в закрытом виде.

Link to comment
Share on other sites
  • 0
Sergik+ Explorer

Sergik+

Posted
Posted

напридумывали гульпов, джейдов =( я в старом добром npp++ с емметом быстрее код оформлю чем с этой всей херью возиться =))

 

ЗЫ Сори ностальгирую, типо оффтоп.

Для меня html это боль, закрывающие дивы это ваще ужас.

Компилирую через дополнение редактора Atom. По закрывающим тегам я имел ввиду, что в WP тег html открывается в файле header.php, а закрывается в footer.php. При написании через Jade написание тега предполагает его последующую компиляцию в закрытом виде.

Почитал про атом, народ жаловался что нельзя из коробки компилить нормально, незнаю может пофиксили уже. Я на gulp сижу, мне вообще все равно какой там компилятор в редакторе, хоть каждую строчку в разных редакторах пиши.

Link to comment
Share on other sites
  • 0
yustnip Explorer

yustnip

Posted
  • Author
Posted
pretty: true  как раз нужная вам опция если компилите чем то другим.
 

Видимо это только для Gulp, у себя не знаю где пристроить.

 

Почитал про атом, народ жаловался что нельзя из коробки компилить нормально, незнаю может пофиксили уже. Я на gulp сижу, мне вообще все равно какой там компилятор в редакторе, хоть каждую строчку в разных редакторах пиши.
 

Это внешнее дополнение, другим дополнением LESS компилировал, без нареканий.

Link to comment
Share on other sites
  • 0
Sergik+ Explorer

Sergik+

Posted
Posted

 

 

 

Почитал про атом, народ жаловался что нельзя из коробки компилить нормально, незнаю может пофиксили уже. Я на gulp сижу, мне вообще все равно какой там компилятор в редакторе, хоть каждую строчку в разных редакторах пиши.
 

Это внешнее дополнение, другим дополнением LESS компилировал, без нареканий.

 

 

Ага как раз про это и написал, это внешнее дополнение не знает про опцию pretty и это баг, когда поправят фик знает, может уже поправили.

Link to comment
Share on other sites
  • 0
wwt Explorer

wwt

Posted
Posted
Для меня html это боль, закрывающие дивы это ваще ужас.

 

вы видать xml ручками не оформляли =))) вот там боль когда каждый тег кастомный =))) и при любой ошибке весь документ крашится =)

Link to comment
Share on other sites
  • 0
Sergik+ Explorer

Sergik+

Posted
Posted

 

Для меня html это боль, закрывающие дивы это ваще ужас.

 

вы видать xml ручками не оформляли =))) вот там боль когда каждый тег кастомный =))) и при любой ошибке весь документ крашится =)

 

У меня другая боль с jade, не один редактор  нормально не может нормально вставить svg - ломается индентация, приходится ручками править.

Link to comment
Share on other sites
  • 0
yustnip Explorer

yustnip

Posted
  • Author
Posted

Кстати, сейчас зашел на страничку дополнения и там есть опция pretty - https://atom.io/packages/jade-autocompile, по умолчанию вроде включено.

 

Хотя может не работать конечно корректно.


Получилось! Вот такая конструкция дала правильный отступ:

doctypehtml    head        meta( charset='utf-8' )        |         | <?php wp_head(); ?>
Link to comment
Share on other sites
  • 0
wwt Explorer

wwt

Posted
Posted

писец и чо люди в реале пользуются вот таким синтаксисом чтобы получить на выходе html ? Я видимо где-то в другом потоке жизни плыву =(

 

Напомнило YAML при виде которого меня чуть не стошнило =) Прошу прощения, но я не понимаю зачем люди усложняют себе жизнь изучая левый синтаксис какого-то инструмента чтобы получить на выходе то что и так элементарно пишется. Ещё раз сори,  Может я морально устарел уже =(

  • Like 1
Link to comment
Share on other sites
  • 0
Sergik+ Explorer

Sergik+

Posted
Posted

писец и чо люди в реале пользуются вот таким синтаксисом чтобы получить на выходе html ? Я видимо где-то в другом потоке жизни плыву =(

 

Напомнило YAML при виде которого меня чуть не стошнило =) Прошу прощения, но я не понимаю зачем люди усложняют себе жизнь изучая левый синтаксис какого-то инструмента чтобы получить на выходе то что и так элементарно пишется. Ещё раз сори,  Может я морально устарел уже =(

Надо попробовать просто на реальном проекте разок а потом хуже тяжелых наркотиков, фик слезешь. У меня все банальней было я потихоньку для себя игрался с jade и тут меня кинули на проект где jade на сервере компилируется, программист просто не работал с html.

Link to comment
Share on other sites
  • 0
yustnip Explorer

yustnip

Posted
  • Author
Posted
писец и чо люди в реале пользуются вот таким синтаксисом чтобы получить на выходе html ? Я видимо где-то в другом потоке жизни плыву =(

Еще и нахваливают и в требованиях в вакансиях указывают.  :)  Мне после LESS идея на препроцессорах писать понравилась, вложенность ну очень рулит.

Link to comment
Share on other sites
  • 0
Sergik+ Explorer

Sergik+

Posted
Posted

 

писец и чо люди в реале пользуются вот таким синтаксисом чтобы получить на выходе html ? Я видимо где-то в другом потоке жизни плыву =(

Еще и нахваливают и в требованиях в вакансиях указывают.  :)  Мне после LESS идея на препроцессорах писать понравилась, вложенность ну очень рулит.

 

Препроцессоры фигня, я потихоньку на постпроцессоры перелажу.

Link to comment
Share on other sites
  • 0
yustnip Explorer

yustnip

Posted
  • Author
Posted

Осилил Gulp, очень крутая штука оказалась. Прикрутил Stylus, Jade PHP со шлифовкой gulp-html-prettify. В Атоме хоткей на сборку настроил и красота.  :) Еще бы Jade PHP работал согласно документации, было бы совсем супер, ни в какую блоки PHP-вставки не генерирует целиком.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Similar Content

    • Only091
      Как сделать постраничную навигацию.
      By Only091
      Помогите пожалуйста, не получается сделать постраничную навигацию. Делал все по урокам. в Итоге получилось сделать два разных каталога один с фильтрами другой с постраничной навигацией. И теперь я пытаюсь объединить два каталога. Но не получается. Сами файлы урока в архике каталог. Буду очень благодарен если мне помогут! catalog.phpcatalogDB.js
      каталог.7z
    • stonelabs
      Ищем команды web разработчиков (PHP) для удаленной работы
      By stonelabs
      Всем привет!

      Наша компания (https://stone-labs.com/) ищет команды (!) разработчиков для реализации ряда заказных проектов. Местоположение не важно - мы практикуем удаленную работу.
       
      Обязательные требования:
      Laravel или Symfony frameworks jQuery (UI), JavaScript, Ajax, Bootstrap MySQL REST API, опыт внедрения Third-party APIs английский на уровне чтения и понимания технической документации опыт в разработке веб приложений и их архитектуры с нуля корректное использование git & pull request flow работа в дневное время во временной зоне UTC +3  
      Будет плюсом, если у вашей команды есть:
      опыт с GitLab CI/CD, Jenkins опыт с MySQL Cluster, MongoDB, PostgreSQL, Redis опыт с Vue.js опыт Linux администрирования, SSH, Nginx, DevOps  
      Если вам интересно сотрудничество, пожалуйста, пишите на наш ящик wanted@stone-labs.com 
    • Defroing
      Занесение чекбоксов в БД
      By Defroing
      <form method="POST" action= "action_handler.php" id="form"> <section class="table_1"> <table class="iksweb"> <tbody> <tr> <td rowspan="3"><b>История компании «Mc donald's»</b> <h3 class="the">Кто основал компанию «Mc donald's»?</h3> <section class="conteiner"> <div class="checkbox"> <input type="checkbox" class="i-6" id="i6" value="0" name="formDoor[]"> <label for="i6" tabindex="12">Роналд Макдоналд</label> </div> <div class="checkbox"> <input type="checkbox" class="i-6" id="i7" value="0" name="formDoor[]"> <label for="i7" tabindex="13">Рэй Крок</label> </div> <div class="checkbox"> <input type="checkbox" class="i-6" id="checkbox_68" value="1" name="formDoor[]"> <label for="checkbox_68" tabindex="14">Братья Дик и Мак Макдоналд</label> </div> <div class="checkbox"> <input type="checkbox" class="i-6" id="checkbox_170" value="0" name="formDoor[]"> <label for="checkbox_170" tabindex="14">Клинт Иствуд</label> </div> <div class="out-block out-6"></div> </section> </td> </tr> </tbody> </table> <div class="dsw"> <button class="b-6" tabindex="11" id="btn-1" type="submit" name="formSubmit">Отправить</button> </div> </form> <?php mysql_connect("localhost", "root", ""); mysql_select_db('olala') or die(mysql_error()); if(isset($_GET['submit'])){ $arr=$_GET; foreach ($arr as $key => $value) { $reg="/^check/";//отбираю нужные элементы if( preg_match ($reg,$key )) { //$new_mass[]=$arr[$key]; //print_r($new_mass); echo $arr[$key]; $sql_1="INSERT INTO `table_one` (`name`) VALUES('$arr[$key]')"; mysql_query($sql_1) or die(mysql_error()); } } } ?>  Создаю опросник и хочу, чтобы чекбоксы заносились в БД(таблицу пока не создавал). Хотелось узнать на счёт php кода, сможете подсказать, что в нём не так (дать какие нибудь советы). В openserver опросник пока не выкладывал.
    • seoww
      Не могу разобраться с PhpMyAdmin.
      By seoww
      Доброго времени суток. Я не сильно знающий веб-разработчик, но учусь. Начал создавать интернет магазин. Написал код самого сайта, посмотрел видео как делаются интернет-магазины и теперь не могу разобраться с PhpMyAdmin. Я не понимаю как она взаимодействует с сайтом. В интернете погуглил, так ничего дельного найти и не смог. Помогите пожалуйста.
      P.S сильно в меня камни не кидайте, я только учусь 
      Всем добра!
    • Gmansurov
      Как через гугл драйв отправить информацию на сайт?
      By Gmansurov
      Нужно отправить текст на сайт, не знаю как это сделать и не могу найти форумы по этим темам. Google Cloud Platform. Помогите пожалуйста.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept