среда, 6 сентября 2017 г.

Laravel. Блог. Ярлыки синтаксиса для выделения кода

Используем ярлыки синтаксиса для выделения кода.


Сюда вставляем \public\user\css файл prism.css
Сюда вставляем \public\user\js файл prism.js

Открываем \resources\views\user\post.blade.php и вставляем сюда подключение этих файлов.
Вверху пишем:
@section('head')
<link rel="stylesheet" href="{{ asset('user/css/prism.css') }}" />
@endsection

Внизу пишем:
@section('footer')
<script src="{{ asset('user/js/prism.js') }}"></script>
@endsection

Далее идем по адресу редактирования поста : http://blog.my/admin/post/2/edit
Пишем код: <pre><code>p {color: red;}</code></pre>

Идем на станицу http://blog.my/post/bitfumes-post и смотрим результат.

Подключим prism к ckeditor. https://ckeditor.com/builder
Найдем плагин prism, добавим его и загрузим ckeditor.
Разархивируем, скопируем папку.
Затем вставим папку сюда \public\admin

Идем в папку \resources\views\admin\post\edit.blade.php и \resources\views\admin\post\post.blade.php
Заменим cdn на обычное подключение.
<script src="{{ asset('admin/ckeditor/ckeditor.js') }}"></script>

Теперь в статью вставим код: <pre><code class='language-css'>p {color: red;}</code></pre>


Комментариев нет:

Отправить комментарий

Materialize-css. Футер

Сделаем футер и прижмем к низу страницы. Документация: https://materializecss.com/footer.html