Обновления визуального редактора

ФорумНовости
morr
morr
68
С момента последнего поста об обновлении я выложил на сайт ряд доработок, исправляющих выявленные проблемы с редактором.
Многие из исправленных проблем сильно мешали нормальному использованию редактора, поэтому если вы включили в настройках визуальный редактор, а потом выключили, то дайте ему еще один шанс.

Исправления

  • Исправлена проблема с не работающим цитированием при цитировании во второй или третий раз;
  • Исправлен предпросмотр личных сообщений;
  • Исправлена отправка комментариев-рассылок в клубах;
  • Исправлено дублирование названий в личных сообщениях;
  • Исправлена иногда неправильно работающая кнопка ответа на комментарий;
  • Исправлен неправильно формирующийся ббкод вставки ссылки на персонажа;
  • Новый интерфейс для вставки смайликов в мобильной версии;
  • Верхнее меню сайта больше не перекрывает меню с кнопками редактора;
  • Исправлена проблема со скролом страницы наверх после отправки комментария;
  • Исправлена ссылка на комментирование на страницах аниме/манги/персонажей/людей в мобильной версии;
  • Исправлены в некоторых случаях не работающие кнопки оффтопика и отзыва;
  • Исправлена логика цитирования, если был выделен текст вне пределов комментария, то он попадал в цитирование;
  • Исправлен поиск в коллекциях, некоторые коллекции не отображались в поиске;
  • Исправлено некорректное отображение прикрепленных видео в новостях;

Доработки

  • Новая css переменная --top-menu-height - если вы меняете высоту верхнего меню в своих стилях, то используйте её вместо переопределения стилей сайта. Она используется много где, в том числе в визуальном редакторе;
Комментарии
Скрыть 48 комментариев
Показать 48 комментариев
Загрузить ещё 20 из 48 комментариев
morr
morr#
@_Rikki_, в твоем стиле у картинки надо z-index уменьшить
@_Rikki_, это не помогает. уже понятно, что картинки дублируются. но они не дублируются, если просто зайти на страницу и написать сообщение. мне нужно понять, в какой момент, после какого действия, они начинают дублироваться

@HN71, старый останется

AmenhotepAmenhotep
я так понимаю, что теперь вместо поиска ссылок прямо в комментарии используется стандартный поиск. но старая кнопка "цепочка" стала неактивной
она становится активна, если выделить текст, но уже понятно, что это поведение пользователям непонятно. я поменяю работу этой кнопки
@_Rikki_, @Amenhotep, @_Rikki_
_Rikki_
_Rikki_#
morrmorr
в твоем стиле у картинки надо z-index увеличить
Это не мой стиль, просто у чела на странице нашёл
morrmorr
в какой момент, после какого действия, они начинают дублироваться
Понятия не имею, с чем это может быть связано (какие-то картинки нормально загружаются, какие-то вот так), сейчас попробую поэкспериментировать, но сомневаюсь, что смогу что-то откопать... :hot:
Amenhotep
Amenhotep#
@morr, у меня нет претензий к этому. Видимо, я что-то не понял :very sad:
@morr
StarX2Y
StarX2Y#
Очень много багов. Не знаю как с компа, но с телефона лагает и очень часто.
LadyGoga
LadyGoga#
ээээх, вот бы сортировочку новостей подвезли бы селективную :very sad: (кому надо - тому по дате, кому надо - тому по свежести, реверс итп, или прочитанное скрывать, ну то есть отобразить через кнопку только непрочитанное)
Макатцу
Макатцу#
@Pyuer, а можно не надо?:scared:
_Rikki_
_Rikki_#
@morr, Вот что я наэксперементировал:
Раньше думал, что это зависит каким-то образом от картинки, но только что произошло это:
  • Словил баг в личных сообщениях, начал прикреплять разные картинки, и каждая вставлялась по 4 раза;
  • Сразу полетел вставлять их же в топик оффтопа, там этого не наблюдал;
  • Обновил страницу личных сообщений и вставил эти же картинки, они уже вставились единожды;

Вывод я сделать не могу, так как ничего в этом не понимаю... :hot:
DexStar
DexStar#
Теперь у меня есть задержка при нажатии кнопки удаления. Раньше я мог быстро даблтапнуть, чтоб удалить новость, а теперь между тапами приходиться делать небольшую паузу. Очень неудобно
@black duffle bag, @morr
black duffle bag
black duffle bag#
@DexStar, зашла чтобы сказать то же самое
@morr
_Rikki_
_Rikki_#
Вот круто, теперь это переходит все границы...
Загрузив картинку в чат, я получил не 1 а ЦЕЛЫХ 38!!!
1920x1111
Ничего особенного я не делал, просто давно не обновлял страницу, хотя сообщения я писал, а когда решил отправить изображение произошло это, я понятия не имею, с чем это могло быть связано :scream:
@morr
morr
morr#
@DexStar, @black duffle bag, можете видео сделать? Не понимаю, о чём речь
@_Rikki_, нашел причину, сегодня утром выложил фикс

@Amenhotep, дело не в претензиях, а в том, что если несколько человек пишут, что кнопка ссылки не работает, то значит я её сделал неправильно, непонятно.
@_Rikki_, @DexStar
morr
morr#
HN71HN71
новый не любит большие тексты и автоматически выключается при открытии страницы
478x42
(но не ругается если этот же текст загрузить в пустой редактор на другой вкладке в режиме соурс-кода, а если такой текст вставить сразу в обычном режиме и выделить, то браузер зависает)
хм... это в принципе можно исправить

HN71HN71
к тому же в новом редакторе нет полноценной поддержки div'ов
если текст полон div'ов которые не распознаются, то работать с ним удобнее в режиме соурс-кода, но в нём не работает загрузка картинок и сочетания вроде ctrl+b
можешь привести примеры, которые редактор не распознает?

HN71HN71
@morr, останется ли старый редактор на сайте ?
сейчас я больше склоняюсь к мысли сделать работающими эти кнопки
1038x62
в режиме кода, добавь настройку, которая будет режим кода по умолчанию включать в редакторе (для тех, кому визуальный редактор не нравится), и тогда старый редактор можно полностью удалить будет
@HN71
_Rikki_
_Rikki_#
morrmorr
@_Rikki_, нашел причину, сегодня утром выложил фикс
Кайф, спасибо! :thumbup:
DexStar
DexStar#
@morr, увы, такой возможности нет. Я с телефона сижу, на котором при записи с экрана во всех приложениях задержки происходят, так что не смогу показать
HN71
HN71#
morrmorr
можешь привести примеры, которые редактор не распознает?
[div=to-process data-dynamic=tabs]

[div=b-js-link active data-tab-switch]Ranobe[/div]
 / [div=b-js-link data-tab-switch]Manga[/div]
 / [div=b-js-link data-tab-switch]Anime[/div]

[div data-tab][ranobe=73823 kenja-no-deshi-wo-nanoru-kenja][img no-zoom]https://shikimori.one/system/mangas/original/73823.jpg[/img][/ranobe][/div]
[div=hidden data-tab][manga=100377 kenja-no-deshi-wo-nanoru-kenja-the-comic][img no-zoom]https://shikimori.one/system/mangas/original/100377.jpg[/img][/manga][/div]
[div=hidden data-tab][anime=42072 kenja-no-deshi-wo-nanoru-kenja][img no-zoom]https://shikimori.one/system/animes/original/42072.jpg[/img][/anime][/div]

[/div]

Ranobe
/
Manga
/
Anime


ещё в редакторе не видно [div=hidden]
использую его когда надо нормально показать постер одного тайтла внутри колонки, независимо от того, стоит ли у юзера галочка "Apply user styles"
у кого она включена сработает 
.l-content > .logo.block + .block .cc-3_4 .picture_poster { /* posters */
    display: none;
  }
  .l-content > .logo.block + .block .cc-3_4 .hidden.true_poster {
    display: unset !important;
  }
  .l-content > .logo.block + .block .cc-3_4 .hidden.true_poster article {
    width: unset;
  }
  .l-content > .logo.block + .block .cc-3_4 .hidden.true_poster .image-cutter {
    max-height: unset !important;
  }
  .l-content > .logo.block + .block .cc-3_4 .hidden.true_poster .image-cutter img {
    width: unset;
    max-height: 150px;
  }
который "исправит" [animes ids=___ wall] чтобы он не делился на восемь колонок (у animes ids в columns нельзя поставить единицу, будет делиться на четыре колонки)
для тех у кого выключена будет показываться псевдо-постер без значка наличия тайтла в списке [anime=___][img no-zoom height=150]https://shikimori.one/system/animes/preview/___.jpg[/img][/anime]
[div=cc-3_4]
[div=c-column m5]text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text[/div]
[div=c-column m5][div=picture_poster][anime=477 aria-the-animation][img no-zoom height=150]https://shikimori.one/system/animes/preview/477.jpg[/img][/anime][/div][div=hidden true_poster][animes ids=477 wall][/div][/div]
[/div]
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
@morr
morr
morr#
@HN71, для b-js-link используй span, а не div, тогда редактор будет распознавать.
это ограничение prosemirror, на котором основан редактор, которое я так и не смог обойти, - нельзя делать инлайновые div, поэтому я добавил новый ббкод span, работающий идентично div, но генерирующий span

[div=to-process data-dynamic=tabs]
[span=b-js-link active data-tab-switch]Ranobe[/span] / [span=b-js-link data-tab-switch]Manga[/span]  / [span=b-js-link data-tab-switch]Anime[/span]

[div data-tab][ranobe=73823 kenja-no-deshi-wo-nanoru-kenja][img no-zoom]https://shikimori.one/system/mangas/original/73823.jpg[/img][/ranobe][/div]
[div=hidden data-tab][manga=100377 kenja-no-deshi-wo-nanoru-kenja-the-comic][img no-zoom]https://shikimori.one/system/mangas/original/100377.jpg[/img][/manga][/div]
[div=hidden data-tab][anime=42072 kenja-no-deshi-wo-nanoru-kenja][img no-zoom]https://shikimori.one/system/animes/original/42072.jpg[/img][/anime][/div]

[/div]


HN71HN71
ещё в редакторе не видно [div=hidden]
это исправлю
_Rikki_
_Rikki_#
Окно смайликов открывается не полностью на странице профиля - 1920x395

Зато, если написать много текста, то - 1920x1088 - всё нормально открывается
_Rikki_
_Rikki_#
@morr, Этот код, нормально отображается в предпросмотре и в личных чатах, а если его добавить в коллекцию и сохранить, то всё поплывёт (начнут появляться новые скобки)
> [b]Регенера́ция[/b] — способность живых организмов со временем восстанавливать повреждённые ткани, а иногда и целые потерянные органы. Регенерацией также называется восстановление целого организма из его искусственно отделённого фрагмента.
> [*] Часто связана с различными типами бессмертия (но не всегда); 
> [*] Может быть основана на обычном исцелении ран, восстановлении/сращивании старых или наращивании/создании новых частей, взамен уничтоженным, материализация из энергии и т.д. (Обычно ограничена количеством энергии персонажа и минимумом оставшегося материала, необходимого для восстановления);
В коллекции выглядит так:
1920x292

Если же сделать так:
> [b]Регенера́ция[/b] — способность живых организмов со временем восстанавливать повреждённые ткани, а иногда и целые потерянные органы. Регенерацией также называется восстановление целого организма из его искусственно отделённого фрагмента.
> - Часто связана с различными типами бессмертия (но не всегда); 
> - Может быть основана на обычном исцелении ран, восстановлении/сращивании старых или наращивании/создании новых частей, взамен уничтоженным, материализация из энергии и т.д. (Обычно ограничена количеством энергии персонажа и минимумом оставшегося материала, необходимого для восстановления);
То тоже всё поломается
В коллекции выглядит так:
1920x222 - откуда эти знаки?

  • Причем в новом и старом редакторе проблемы разные (где-то просто не работает, где-то появляются новые знаки)

А теперь посмотрим, что будет, если написать это в форум:
Регенера́ция — способность живых организмов со временем восстанавливать повреждённые ткани, а иногда и целые потерянные органы. Регенерацией также называется восстановление целого организма из его искусственно отделённого фрагмента.
  • Часто связана с различными типами бессмертия (но не всегда);
  • Может быть основана на обычном исцелении ран, восстановлении/сращивании старых или наращивании/создании новых частей, взамен уничтоженным, материализация из энергии и т.д. (Обычно ограничена количеством энергии персонажа и минимумом оставшегося материала, необходимого для восстановления);


Регенера́ция — способность живых организмов со временем восстанавливать повреждённые ткани, а иногда и целые потерянные органы. Регенерацией также называется восстановление целого организма из его искусственно отделённого фрагмента.
  • Часто связана с различными типами бессмертия (но не всегда);
  • Может быть основана на обычном исцелении ран, восстановлении/сращивании старых или наращивании/создании новых частей, взамен уничтоженным, материализация из энергии и т.д. (Обычно ограничена количеством энергии персонажа и минимумом оставшегося материала, необходимого для восстановления);

Вывод:
В форме и лс всё впорядке, а вот коллекции дурят (в предпросмотре коллекций то нормально, то нет)
_Rikki_
_Rikki_#
@morr, Если цитировать фразу пользователя, который недавно поменял аватарку, то в предпросмотре сообщения будет старая:
[image=1252825]

А, если отправить это сообщение, то она превратится в новую:
[image=1252827]
@_Rikki_
SailorMoon
SailorMoon#
Сделайте возможность убирать "Отзывы" до выхода всего сезона. Надоедает встречать их во время выхода 3-4 серии. Понимаю, что нужно сделать 1 щелчок мышкой и будут комментарии, но все же
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть
примеры BBCode