codex-team / editor.js Goto Github PK

При наведении курсора на поле "redactor" тулбар закрывает узел ( отрисовывается поверх узла ), а при последующих наведениях курсора тулбар отображается нормально.

Добавить возможность работы с заголовками в редакторе.

При открытии редактора можно ставить курсор на большой заголовок (в случае статей — это название статьи).
А после того, как закончена работа с заголовком по Enter переходить в первый текстовый блок.

# это заголовок H1, ## это заголовок H2, ну или H2 и H3 соответственно.

Шаги:

• поставить курсор в поле ввода
• нажать Enter в конце

Уж очень хочется

• Преимущества и планы по разработе.

Это будет первая страница, которую увидят пользователи, захотевшие пользоваться редактором, нужно сделать что-то наподобие лендинга, на котором будут показаны основные возможности редактора.

В данный момент работа идет через prototype.
Надо подумать надо более оптимальной структурой.

Идея берет свое начало здесь
#4 (comment)

Там же можно посмотреть что именно сейчас не так.

• В момент отображения блока с настройками (cEditor.toolbar.setting.open), добавлять в него toolname.settings
• в toolname.settings лежит элемент с кнопками настроек (например, три кнопки "цитата с подписью", "цитата с аватаркой и именем", "обычная цитата")
• на кпопках в настройках висят события клика
• при клике вызывается switchBlock и цитата заменяется на новый шаблон

Сейчас конструктор принимает ID textarea, которую мы заменяем редактором. Это можно выпилить и задать ID статично. То есть для инициализации редатора надо будет добавить определенный ID к textarea и вызвать конструктор.

Надо, чтобы вместо ID конструктор принимал объект settings с пользовательскими настройками. Например, tools, которая будет задавать массив кнопочек тулбара.

window.cEditor = new ce({
     tools : ["header", "picture", "list"]
});

Потом добавятся еще настройки.

Method iterates JSON nodes and call render() function for every enrty.
Then it appends result HTML to the cEditor.

Исправить положение каретки после того как нажимаем на тулбар

В превью не нужна ссылка целиком, домена достаточно

при инициализации редактора с содержимым не появляется сохраненная отметка cover

render: function (JSON) {}

save: function (block) {}

При сквозном выделении браузер добавляет в contentEditable-обертку лишние HTML-теги, нужно понять, почему и где так происходит

Нужно добавить возможность создавать редактор для уже готового текста, то есть на вход поступает объект в специальном формате, а на выходе будет статья, которая выглядит в редакторе так же, как и на сайте.

Каждый блок — content editable элемент

Сейчас реализовано только открытие по TAB. Надо сделать чтобы дальнейшее нажатие на TAB переключало указатель по элементам тулбара (они становились синими слева направо по кругу), по ENTER делался новый node с выбранным инструментом. По ESCAPE тулбар закрывался.

как вариант, про промисы.

• событие keydown на блоке
• если блок может быть разделен, то вырезаем символы после каретки и вставляем их в новый блок

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

• в обработчик keydown добавить вызов arrowKeyPressed
• если это последняя / первая строка — переключать фокус блока

Ошибка когда в инпут поле вставляется ссылка без 'path'

It iterates blocks and calls save() method of each entry.
Then it builds final JSON and moves to the database.

• Добавить кнопку в тулбар, рядом с настройками блока
• При клике — дописывать на ce_block класс removing-request , который делает блок полупрозрачным, а кнопка удаления становится красной (показано на макете)
• При повтором клике на уже красную кнопку удаления — блок удаляется

Реализовать создание нового блока с текстом по нажатии Enter.
Курсор сразу ставится в новый блок.

сделать отображение только одного плюса - у активного узла, а так же по ховеру на любом из узлов

Проверить работу редактора в браузерах

• Opera
• Chome
• Safari
• Firefox

1. Поставить курсор в конец текстового блока
2. Нажать Enter (внутри того же блока создастся параграф)
3. Нажать на стрелку «вниз»

Вынести

block.addEventListener('paste', function (event) {
     cEditor.callback.blockPaste(event, block);
}, false);

в метод activateSatizeOnPase , который будет вешать разработчик плагина при создании contenteditable элемента

fix toolbar leaf

Parse URL on php and return JSON object:

{
    'fullLink'      : 'http://yandex.ru',
    'shortLink'     : 'yandex.ru',
    'image'         : 'https://yastatic.net/morda-logo/i/apple-touch-icon/ru-76x76.png',
    'title'         : 'Яндекс',
    'description'   : 'Сайт, поисковик, проч.'
};