Редактор Editorjs

Добавил еще. «Оповещение» и «Таблица». Прошу заметить что в оповещениях есть отделные функции(разные цвета)

Стилей не будет. Вам надо поместить их в свой шаблон взяв за основу то что в редакторе, пример:

ins-alert{
 
position: relative;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
 
}
 
ins_primary {
 
 
background-color: #ebf8ff;
  border: 1px solid #4299e1;
  color: #2b6cb0;
 
}

И т.д каждый заданый цвет «оповещения». Позаимствоватв цвета с самого едитора.

Так как я не знаю какой «Префикс у каждого в админке задан». У меня это «ins». Также и со стильями «Таблицей». Может кто внедрит стили чтоб были у всех «Вне зависимости от префикса».

=====

Также можно было и цвет менять и многое, но парсеров нет.

Добавил еще. «Оповещение» и «Таблица». Прошу заметить что в оповещениях есть отделные функции(разные цвета)

Стилей не будет. Вам надо поместить их в свой шаблон взяв за основу то что в редакторе, пример:

ins-alert{
 
position: relative;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
 
}
 
ins_primary {
 
 
background-color: #ebf8ff;
  border: 1px solid #4299e1;
  color: #2b6cb0;
 
}

И т.д каждый заданый цвет «оповещения». Позаимствоватв цвета с самого едитора.

Так как я не знаю какой «Префикс у каждого в админке задан». У меня это «ins». Также и со стильями «Таблицей». Может кто внедрит стили чтоб были у всех «Вне зависимости от префикса».

=====

Также можно было и цвет менять и многое, но парсеров нет.

Да вы волшебник, а молчали:)

У меня почему-то в редакторе при добавлении цитаты две колонки «сам текст цитаты и „автор цитаты“ показываются не в две строки, а в два столбика, в связи с чем на смартфоне крайне неудобно получается. У вас одна строка под другой, все нормально?

Не пойму куда копать

Я знал что такой вопрос появится. Насколко я знаю в шаблоне Модерн нет «автора» Цитаты. Надо на Демо посмотреть. 

Можно автора цитаты «Скрыть стилями и убрать ненужные бордеры» Чтоб выводилось только <blockqoute>. Я гляну

.cdx-quote__text {
  min-height: 0px;
  margin-bottom: 0px;
  border:0;
 box-shadow:none;
}
.cdx-quote__caption{
display:none;
}

Вот. Опять же это все стили самого редактора, которые вы можете обнулять. Ну или оставить box-shadow и т.д. Ну а в самом посте цитату будет выводить как движок бы вывел её по дефольту, с вашими стилями. Ну то что в Парсере разрешено.

Вот, может у кого получится. У меня нет.

'video' => 'SimpleVideo',

---

<?php if(in_array('video', $tools_names)){ ?>
                    video: {
      class: SimpleVideo,
       data : {
        url : 'https://paul.kinlan.me/videos/2019-11-05--test-post-video-upload-0.mp4',
        caption : 'An aweomse video',
        autoplay : false,
        controls : false,
        muted: false,
        stretched : true 
      }
    },
                <?php } ?>

принцип работы: Никаких кнопок, вставляете ссылку на mp4 и вуаля! Толко сам пост пуст, при отправке.

Насколко я знаю в шаблоне Модерн нет «автора» Цитаты. Надо на Демо посмотреть. 

Думаю лучше стили под автора придумать, так как цитата на то и цитата, чтобы у нее был автор)

Def в комментариях, да. А кого вы в посте цитировать собрались?

А кого вы в посте цитировать собрались?

Автора цитаты, ну или как минимум прописать «Британские ученые».

Надо посмотреть что там в мобильнике выводит. Сегодня гляну и отпишусь куда @Любимый Шеф поставить.

Def в комментариях, да. А кого вы в посте цитировать собрались?

Посмотрите как VC посты оформляются с цитатами :) цитата это же чье-то мнение или изречение. Можно ли в цитату добавить возможность загрузки фото, чтобы еще указывать фото человека, чья цитата?)

чтобы еще указывать фото человека, чья цитата?

Ну, что-то вы совсем загнули, может еще отпечатки палцев справа? 🤙

Где там цитаты, не нашел. Скрин сделайте.

И я что-то не понял, в мобилнике все впорядке выводит. 2-а блока один под другим.

figcaption {
  background-color: #e7e7e7;
  border-left: 5px solid #3bd4c2;
  position: relative;
  font-style: italic;
  padding: .5em;
  font-size: small;
}
figcaption:before{content:"\00A9";}

blockquote{margin:0 !important}

Вот, и будет как на этом сайте.

Почти получилось… Дрянь такая. У меня рефреш скоро сотрется

 private function parseVideo($block)
    {
        $class = $this->addClass($block->type);
 
        $video = $this->dom->createElement('video');
 
        $video->setAttribute('class', $class);
 
        $video->appendChild($this->html5->loadHTMLFragment($block->data->url));
 
        $this->dom->appendChild($video);
    }

private function parseVideo($node, $styles) {
 
		$block['type'] = 'video';
		$block['data']['url'] = $this->setInnerHtml($node);
 
		return $block;
	}

«a» За место «source» блин

Сделаль, теперь видео мп4 отображаются при отправке. Все контроллеры тоже работают:

Одно но, Никак не обернуть «video» в «div» и ссылка внизу в <а> что мешает воспроизвести видео при редактировании. Может кто доработает. Я устал.

Сделаль, теперь видео мп4 отображаются при отправке. Все контроллеры тоже работают:

Одно но, Никак не обернуть «video» в «div» и ссылка внизу в <а> что мешает воспроизвести видео при редактировании. Может кто доработает. Я устал.

Вы совершаете героический поступок. Можно только позавидовать вашему напору и стремлению к нахождению решения!💯

напору и стремлению к нахождению решения

Поверьте, это очень плохое качество. Тем более когда не знаешь что делаешь и делаешь приемом «подбора» на «авось» и «maybe». И «Я» не знаю.

Но было прикольно увидеть видео в посту, даже удевился.

Обидно было когда вообще ничего не выводилось, не знал где именно копать, ведь оттолкнутся не от чего. То ли в самой инстант то ли в парсерах. Но теперь все ясно. Надо настраивать именно "/system/libs/Durlecode/EJSParser/Parser.php". Теперь хоть понятно где править для тестов.

Update: В div обернул. Можно редактировать пост. Теперь с ссылкой разобраться..

Все. Сделал. Теперь все отображается как надо. Подпись к видео так же работает. Видео и подпись показаны и редактируются. Ничего не проподает.  Это думаю последнее «мое» обновление. Не забываем говорить спасибо Zau4man. Без начального editorjs поля, я бы ничего не сделал.

Если надоест нажимать на кнопку «Показывать Controls видео» то в файле: /system/libs/Durlecode/EJSParser/Parser.php

$video->setAttribute('controls', $block->data->controls);

поменяйте на(так же и другие там пункты).

$video->setAttribute('controls', true);