Комментарий от HN71

Комментарий #6482609

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

можешь привести примеры, которые редактор не распознает?

[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"
у кого она включена сработает

css

.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

Ответы

morr25 октября 2020#

@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]

HN71
ещё в редакторе не видно [div=hidden]

это исправлю

Твой комментарий

Комментарий #6482609 HN71

Комментарий #6482609
HN71