Создание заметок и обновление внешнего вида
Внёс очередные доработки в проект.
Первым делом добавил возможность создавать заметки прямо с главной страницы, через кнопочку "Создать". Она показывается только для юзеров с разрешением /put.
Чекбокс "активно" теперь отключен по умолчанию, а для для админов на главной видны неопубликованные заметки. Это сделано для возможности поглядеть, как будет выглядеть итоговый текст перед публикацией.
Затем решил, что разбивка на 2 колонки в форме заметки какая-то тесная, и перенёс настройки доступа вниз. Стало заметно удобнее.
Ну а потом решил доработать и внешний вид комментариев. Убрал обводку с тенью, стало совсем хорошо! Правда, насчёт линии над кнопками действий я всё еще не уверен.
Ну и, наконец, уменьшил базовый размер шрифта с 16 пикселей до 14. Учитывая, что я везде стараюсь указывать размеры в rem, это повляло не только на текст, но и на отступы.
На мой взгляд, так гораздо лучше - входит больше информации, читать удобнее.
Обновляемся из репозитория:
git pull
docker compose stop
docker compose up --build -d13 комментариев
Александр Наумов21.06.2024, 12:25:35
Василий, добрый день!
Подскажи, пожалуйста, как добавить в редактор плагин?
Решил добавить @editorjs/delimiter, установил его.
Затем импортировал в editor/js.client.vue import Delimiter from '@editorjs/delimiter'
И добавил в блок blockTunes:
Но ничего не выходит, пробовал разные варианты - но все тщетно.
Дай наводку, пожалуйста?
Василий Наумкин21.06.2024, 12:51:51
Нужно добавлять в allBlocks, по образу и подобию других блоков, а потом активировать в настройках .env.
Ну или не добавлять, а использовать разделитель как 3 тире --- на новой строке, тогда будет полоса <hr/>.
Вот такая.
Александр Наумов21.06.2024, 16:01:22
Спасибо, не знал!
В целом у меня как-то не стабильно все выходит, пока работает только вот такая конструкция:
{type: 'code', icon: 'ellipsis-h', class: Delimiter}, а если делаю: {type: 'delimiter', icon: 'ellipsis-h', class: Delimiter} то вообще кнопку не выводит хотя по логики должен, буду разбираться.
Василий Наумкин21.06.2024, 16:23:56
После изменения .env контейнеры надо перезапускать, чтобы фронтенд был пересобран с новыми настройками.
Кнопки рисуются из enabledBlocks, которые генерируются из allBlocks плюс проверка настроек .env
Настройки EDITOR_TOPIC_BLOCKS и EDITOR_COMMENT_BLOCKS можно сделать пустыми на время экспериментов, тогда будут выводиться все доступные блоки из allBlocks
Александр Наумов23.06.2024, 12:25:16
Василий, спасибо!
Сделал пустые настройки,ни одна кнопка не вывелась, потому что: const editorBlocks = String(useRuntimeConfig().public.EDITOR_TOPIC_BLOCKS).split(',') || []
Василий, ты в свое время делал для MODX Автоматическая генерация оглавления страницы
вот я сейчас пытаюсь сделать навигацию по большим статьям, скажи, пожалуйста, свои мысли каким бы путем ты пошел бы, что бы реализовать подобное?
Александр Наумов25.06.2024, 02:03:21
Вопрос закрыт, пришло понимание как нужно делать, буду пробовать.
Василий Наумкин25.06.2024, 06:42:15
Да, ты прав, исправил.
Ниже уже ссылался на компонент editor/content.vue - вот его и надо мучать.
Там в переменной blocks идёт перебор блоков JSON для специальной обработки картинок, примерно так же можно отловить все заголовки и вывести по ним содержимое страницы.
Александр Наумов25.06.2024, 10:22:00
Спасибо!!!
Александр Наумов23.06.2024, 13:48:40
Василий, подскажи еще, пожалуйста:
1. Почему после публикации я вижу:
Хотя в редакторе все было хорошо:
2. Могу ли я id (с первой картинки) сделать красивым добавив код в файл js.client.vue или придется лезть в сам плагин node_modules/@editorjs/delimiter/?
Спасибо!
Александр Наумов24.06.2024, 12:55:34
С первым вопросом разобрался, только вот не пойму где, например у TopicBlockHeader, правила находятся, что бы из json сформировать заголовок?
Александр Наумов25.06.2024, 01:51:22
Разобрался, все находится в файлах topic/block/.
Василий Наумкин25.06.2024, 06:25:42
Вижу что уже разобрался, но на будущее поясню, что при редактировании редактор сам рендерит блоки и сохраняет всё в JSON.
А на сайте этот JSON уже рендерится Vue, и там я делаю это по-своему, без редактора.
Компонент, который выводит содержимое заметок и комментов находится в componets/editor/content.vue - его и надо мучать при добавлении новых блоков.
У тебя, получается, срабатывает вот это условие и выводит блок как он есть - JSON:
Александр Наумов25.06.2024, 10:22:06
Спасибо!!!
Орбита
Прямой эфир
Юрий
28.10.2024, 08:53:51
Не нашел у себя этого коммита "Fix getting remote user ip inside docker", взял какой то произвольный...
Василий Наумкин
24.10.2024, 18:22:01
А посмотрите в консоль браузера, скорее всего вы забыли указать верный адрес сайта в .env файле и за...
Василий Наумкин
19.08.2024, 04:44:55
Разобрался, это глюк редактора после обновления. Иногда он формирует массив с блоками, а иногда, поч...
Александр Наумов
09.07.2024, 00:06:38
Случайно забрел на Тинькофф Журнал https://journal.tinkoff.ru/friendship-ended-with-patreon/ и сразу...
Александр Наумов
25.06.2024, 10:22:06
Спасибо!!!
Александр Наумов
07.06.2024, 15:01:19
Василий, спасибо большое!
Александр Наумов
12.05.2024, 12:30:15
Спасибо!
Камиль Галиев
01.12.2023, 11:56:40
Да, теперь работает нормально!
Уровни подписки
Тестировщик
100 ₽ в месяц
Базовая подписка. Все платежи проводятся в тестовом режиме!
Подписчик
250 ₽ в месяц
Средний уровень подписки. Все платежи проводятся в тестовом режиме!
Советник
500 ₽ в месяц
Максимальный уровень подписки. Все платежи проводятся в тестовом режиме!