Редактор Editorjs

Ну смотрите сами. В редакторе прописан target _blank на ссылку? Так? Так. У вас стоит именно тот editorjs что и у меня, так? Так. 

У меня открывает ссылки в новом окне. А у вас нет.  Давайте посмотрим что написано в оригинальном файле типографа.

А почему вы не хотите включить external_link?

Если хотите попробуйте так: в /system/controllers/typograph/frontend.php

line: 427       

$tag_string .= ' target="_blank">' . $content . '</a>';

Добавил возможность использовать этот плагин. 

Компонент

Добавление фото в редактор из альбома фотогалереи

от Lora

Скачать 379 загрузок

И стили:

.gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; 
    max-width: 50%; 
    height: 600px; 
}
 
.gallery-modal-content {
    background-color: white;
    padding: 0; 
    border-radius: 0; 
    max-width: 100%; 
    max-height: 450px; 
    overflow: auto; 
    position: relative;
}
 
.gallery-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}
 
.gallery-modal-content .img-fluid {
    width: 150px; 
    height: 100px; 
    margin: 10px; 
    overflow: hidden; 
    max-width: 100%;
    height: auto;
    border: 3px solid #ccc; 
}

Тут, цитата и код.

а какие-то стили надо прописывать? У меня почему-то при выводе на сайте не показывает стилистику «Предупреждение»

Ну да. Смотрите какие там цлассы выводит, и пишите свои на свой дизайн. Или те что я дал. Alert.

instantcms.ru/forum/redaktor-editorjs.html?page=4#post-362823

Вот кстати получше стили. Дорабатывал под себя, подойдет как на светлый фон так и на темный. 

/* alert styles */
 
.ins-alert {
  position: relative;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
 
.ins_primary {
  border: 1px solid rgba(0, 153, 225, 1);
  background: rgba(0, 108, 176, 0.2);
}
 
.ins_secondary {
  border: 1px solid rgba(203, 213, 224, 1); 
  background: rgba(34, 39, 49, 0.2); 
}
 
.ins_info {
  border: 1px solid rgba(76, 212, 206, 1); 
  background: rgba(0, 114, 124, 0.2); 
}
 
.ins_warning {
  border: 1px solid rgba(237, 137, 54, 1); 
  background: rgba(192, 86, 33, 0.2); 
}
 
.ins_success {
  border: 1px solid rgba(104, 211, 145, 1); 
  background: rgba(47, 133, 90, 0.2); 
}
 
.ins_danger {
  border: 1px solid rgba(252, 129, 129, 1); 
  background: rgba(197, 48, 48, 0.2); 
}
 
.ins_light {
  border: 1px solid rgba(237, 242, 247, 1); 
  background: rgba(26, 32, 44, 0.2); 
}
 
.ins_dark {
  border: 1px solid rgba(26, 32, 44, 1); 
  background: rgba(211, 211, 211, 0.2); 
}
/* end alert styles */

Ну да. Смотрите какие там цлассы выводит, и пишите свои на свой дизайн. Или те что я дал. Alert. instantcms.ru/forum/redaktor-editorjs.html?page=4#post-362823 Вот кстати получше стили.

Да, эти стили лучше, спасибо!)

Друзья, а какие стили надо прописать для роликов ютуб и прочих, которые поддерживает редактор? А то адаптивности нет почему-то

Ну да. Смотрите какие там цлассы выводит, и пишите свои на свой дизайн. Или те что я дал. Alert. instantcms.ru/forum/redaktor-editorjs.html?page=4#post-362823 Вот кстати получше стили.

Сделал сам. Возможно кому-то будет надо:

.ins_youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow:hidden;
}
.ins_youtube iframe,
.ins_youtube object,
.ins_youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

У кого стоит этот editor.js, можете проверить как у вас воспроизведется ссылка archive.org/details/@blabla? Любая ссылка с /@блабла

Дело в том что у меня вырезает все с @ и после aka: @blabla. 

<p class=«ins-paragraph»><a href="/redirect?url=https%3A%2F%2Farchive.org%2Fdetails%2F" class=«external_link» target="_blank">archive.org/details/</a>@blabla</p>

У вас также, или это я внес правки?

Ха, тут на форуме такая же проблема. Значит это не связано с editorjs. Уже радует.

Это не есть гуд.

3 недели назад вышло обновление, которое решает накопительно множество различных проблем github.com/codex-team/editor.js/releases/tag/v2.31.1 😎

Так закиньте себе editorjs.umd.js с гитхаба, и смело тестируем, смотря в консоль.

Так закиньте себе editorjs.umd.js с гитхаба, и смело тестируем, смотря в консоль.

Поменял файл. Вроде работает) Надо тестить на постоянной основе теперь)

А почему вы не хотите включить external_link?

а это где?)

Надо тестить на постоянной основе теперь

Ну в общем да, такие тесты очень много времени занимают. Ооочень много.

а это где?)

В настройках типографа:

Но в вашем случаи(как и в моем) так как мы используем editorjs. То в админке где включаете плагины для editorjs. 

Друзья, а можно как-то сделать поддержку ВК видео, Дзен видео и Кинескоп kinescope.ru/ чтобы при вставке по ссылке прелобразовывалось в видеоролик как и в случае с ютуб?

 Def, Можно. Вроде уже писал тут в этой теме.

 Def, Можно. Вроде уже писал тут в этой теме.

Вроде пролистал все, не увидел. Можете напомнить?

ВК видео, Дзен видео и Кинескоп kinescope.ru/

Вот эти добавить вам?

ВК видео, Дзен видео и Кинескоп kinescope.ru/ Def Вот эти добавить вам?

Да — они сейчас наиболее часто используются