The OpenNET Project / Index page

[ новости/++ | форум | wiki | теги ]



"Представлен ProseMirror 1.0, тулкит для создания визуальных ..."
Вариант для распечатки  
Пред. тема | След. тема 
Форум Разговоры, обсуждение новостей
Изначальное сообщение [ Отслеживать ]

"Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +/
Сообщение от opennews (??) on 15-Окт-17, 10:43 
Сформирован (http://marijnhaverbeke.nl/blog/prosemirror-1.html) значительный выпуск проекта ProseMirror 1.0 (http://prosemirror.net/), в рамках которого развивается тулкит для создания кастомизированных визуальных редакторов для интеграции на сайты и в web-приложения. Ветку 1.x планируется поддерживать длительное время с сохранением обратной совместимости. Исходные тексты проекта написаны на JavaScript и поставляются (https://github.com/ProseMirror/prosemirror/) под лицензией MIT.

ProseMirror интересен тем, что для пользователя предоставляет удобные средства редактирования, но для разработчиков позволяет получить созданные в процессе редактирования данные в произвольном структурированном и семантически целостном представлении, занимая нишу между классическими WYSIWYG-редакторами и системами на базе Markdown. При этом ProseMirror является скорее низкоуровневым инструментарием для создания сложных и специфичных интерфейсов редактирования, для добавления простых типовых форм рекомендуется можно вместо использования ProseMirror напрямую задействовать одну из надстроек.

Тулкит представляет собой библиотеку для построения web-редакторов, разбитую на ряд модулей и поддерживающую расширение функциональности через плагины. Например, через подключения плагинов  можно добавить в редактор меню и систему отслеживания изменений, а через расширение схемы документа реализовать нумерованные списки. Модульная структура позволяет загружать и использовать только модули, необходимые для работы желаемой функциональности, а также заменять различные части системы на свои реализации.


ProseMirror предоставляет разработчику полный контроль над документом и вносимыми в него изменениями, позволяя жестко определить форму и структуру получаемого на выходе документа, адаптировав их для нужд конкретного приложения. Например, для научных статей в схеме можно определить разделы, сноски и ссылки. В отличие от таких систем, как TinyMCE (https://www.tinymce.com/), документ не формируется в виде блоба или кода на HTML, а представляет собой структуру данных, содержащую только элементы, определённые в заданной разработчиком схеме (http://prosemirror.net/docs/guide/#schema), в которой описывается не то как должен выглядеть документ, а то какое содержимое допустимо и как оно структурировано.

Имеется возможность инспектирования каждого изменения и прикрепления к определённым типам изменений своих обработчиков. Изменения обрабатываются не через обновление состояния документа, а в форме транзакций, на основании применения которых к изначальному документу можно определить его состояние в текущий момент редактирования. Предоставляются встроенные средства (http://marijnhaverbeke.nl/blog/collaborative-editing.html) для организации совместного редактирования документа несколькими участниками.


URL: http://marijnhaverbeke.nl/blog/prosemirror-1.html
Новость: http://www.opennet.ru/opennews/art.shtml?num=47388

Ответить | Правка | Cообщить модератору

Оглавление

Сообщения по теме [Сортировка по времени | RSS]


1. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  –16 +/
Сообщение от Аноним (??) on 15-Окт-17, 10:43 
WYSIWYG — зло.
Ответить | Правка | ^ к родителю #0 | Наверх | Cообщить модератору

2. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +18 +/
Сообщение от A.Stahl (ok) on 15-Окт-17, 11:06 
Правильно, нужно всё делать с закрытыми глазами. А то вдруг случайно что-то хорошее получится?! Нужно свести к минимуму такую вероятность!
Ответить | Правка | ^ к родителю #1 | Наверх | Cообщить модератору

3. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +/
Сообщение от Аноним (??) on 15-Окт-17, 11:30 
При этом бибикать и все портить.
Ответить | Правка | ^ к родителю #2 | Наверх | Cообщить модератору

4. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +12 +/
Сообщение от пох on 15-Окт-17, 12:18 
бибикать - устаревшая технология времен 70х, для шумных машзалов и пищащих по любому поводу терминалов.
Современный редактор должен все портить молча, иначе юзер может слишком рано это заметить.

Ответить | Правка | ^ к родителю #3 | Наверх | Cообщить модератору

32. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +/
Сообщение от Аноним (??) on 16-Окт-17, 09:48 
Для этого давно придумали markdown/wiki-разметку и превью. А если ты не знаешь альтернатив WYSIWYG, то тебя вообще в интернет пускать нельзя.
Ответить | Правка | ^ к родителю #2 | Наверх | Cообщить модератору

33. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +1 +/
Сообщение от A.Stahl (ok) on 16-Окт-17, 11:10 
>придумали markdown/wiki-разметку и превью

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

Ответить | Правка | ^ к родителю #32 | Наверх | Cообщить модератору

34. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +1 +/
Сообщение от Аноним (??) on 16-Окт-17, 12:31 
Схреначить какую-то хрень с маркдауном - это еще постараться надо. Может у тебя руки из заднего прохода растут?

Бывает, предупреждаешь людей о недостатках встраивания WYSISYG. Все равно требуют "что-то попроще, чтоб кнопку тык-тык". А потом они же просят поменять дизайн на сайте, очень весело смотреть на их лица, когда им говоришь, что дизайн-то поменяешь, а вот за статьи все так же отвечать им, и теперь им переписывать несколько тысяч статей с хардкорным html-ем, заточенным под старый дизайн.

Ответить | Правка | ^ к родителю #33 | Наверх | Cообщить модератору

37. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +/
Сообщение от BernersLess on 18-Окт-17, 17:49 
> Схреначить какую-то хрень с маркдауном - это еще постараться надо. Может у тебя руки из заднего прохода растут?
> Бывает, предупреждаешь людей о недостатках встраивания WYSISYG. Все равно требуют "что-то попроще, чтоб кнопку тык-тык". А потом они же просят поменять дизайн на сайте, очень весело смотреть на их лица, когда им говоришь, что дизайн-то поменяешь, а вот за статьи все так же отвечать им, и теперь им переписывать несколько тысяч статей с хардкорным html-ем, заточенным под старый дизайн.

Любой вменяемый визивиг (tinymce, ckeditor) позволяет делать голый хтмл на выходе и более того - может фильтровать теги (разрешить/почистить). Если криворукие обезьяны не могут по-нормальному настроить это и предпочитают вручную ставить горы дизайно-зависимых классов, то это их личные проблемы.
Абсолютно ничего не мешает оборачивать визивижный контент в какой-то блок с классом и от этого класса уже ворочать стили. Никакой редизайн при таком раскладе не страшен.

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

Это, видимо, так же как и Quill - непонятно что и непонятно зачем. Там минимальный набор программной работы с дом решается через создание своих обработчиков, обёрток над узлами и прочим идиотизмом. Вобщем ересь полнейшая.
Зато можно на митинге заявить: "у нас семантика"

Ответить | Правка | ^ к родителю #34 | Наверх | Cообщить модератору

35. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +/
Сообщение от Аноним (??) on 16-Окт-17, 14:45 
> Правильно, нужно всё делать с закрытыми глазами. А то вдруг случайно что-то хорошее получится?! Нужно свести к минимуму такую вероятность!

Компромиссная альтернатива — WYSIWYM. Юзер (контент-менеджер) наглядно правит смысловую разметку, но не может испортить внешний вид результата.

Ответить | Правка | ^ к родителю #2 | Наверх | Cообщить модератору

38. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  –1 +/
Сообщение от BernersLess on 18-Окт-17, 17:51 
>> Правильно, нужно всё делать с закрытыми глазами. А то вдруг случайно что-то хорошее получится?! Нужно свести к минимуму такую вероятность!
> Компромиссная альтернатива — WYSIWYM. Юзер (контент-менеджер) наглядно правит
> смысловую разметку, но не может испортить внешний вид результата.

https://www.tinymce.com/docs/configure/content-filtering/ и не надо выдумывать новые термины.. или ты из MS?

Ответить | Правка | ^ к родителю #35 | Наверх | Cообщить модератору

5. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  –1 +/
Сообщение от Фуррь (ok) on 15-Окт-17, 12:18 
>WYSIWYG — зло.

Только M$ Word, только хардкор!

Ответить | Правка | ^ к родителю #1 | Наверх | Cообщить модератору

6. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  –1 +/
Сообщение от Аноним (??) on 15-Окт-17, 13:09 
Сир, не все Латех.
Ответить | Правка | ^ к родителю #1 | Наверх | Cообщить модератору

17. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +/
Сообщение от Аноним (??) on 15-Окт-17, 19:46 
Кнечно. Кроме латеха есть, например, LyX, который WYSIWYM. А вот для веба вроде только полудохлый WYMeditor.
Ответить | Правка | ^ к родителю #6 | Наверх | Cообщить модератору

10. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  –5 +/
Сообщение от YetAnotherOnanym (ok) on 15-Окт-17, 15:19 
По результатам голосования за/против камента 1.1 установлено, что верстающих в WYSIWYG макак  на 15:15 15.10.2017 проголосовало на 8 единиц больше, чем верстальщиков, создающих контент на основе знания HTML, CSS и темплейтов своей CMS.
Ответить | Правка | ^ к родителю #1 | Наверх | Cообщить модератору

25. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  +/
Сообщение от Ilya Indigo (ok) on 15-Окт-17, 23:11 
Вы путаете верстальщика и контент-менеджера, в роли которого может быть вообще домохозяйка, которая изготавливает рукодельные изделия, которые потом выкладывает и продаёт через интернет-магазин, и хочет, что бы её страница выглядела красиво и актуально, при этом я, как разработчик, хочу чтобы она это делала самостоятельно, а не при каждой правке обращалась ко мне, да ей неохота каждый раз мне оплачивать за то, что в состоянии сделать сама.
Ну и главное, что навык в работе в текстовых процессорах у домохозяек имеется, а вот навыком вёрстки не обладают даже многие контент-менеджеры.
P.S. Забегая вперёд, WYSIWYG не такое уж и зло, по сравнению с bootstrap и angular, так как он отнюдь не претендует на полную замену не только CSS, но и HTML JS-ом.
Ответить | Правка | ^ к родителю #10 | Наверх | Cообщить модератору

24. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  –1 +/
Сообщение от Лис on 15-Окт-17, 22:37 
Похожее интереснее чем Quill.
Ответить | Правка | ^ к родителю #0 | Наверх | Cообщить модератору

36. "Представлен ProseMirror 1.0, тулкит для создания визуальных ..."  –1 +/
Сообщение от stalkerdroad (ok) on 17-Окт-17, 02:40 
> представляет собой структуру данных, содержащую только элементы, определённые в заданной разработчиком схеме,

Это звучит хорошо для безопасности. Ведь Html парсить на разрешённые теги и атрибуты сложнее.

Ответить | Правка | ^ к родителю #0 | Наверх | Cообщить модератору

Архив | Удалить

Рекомендовать для помещения в FAQ | Индекс форумов | Темы | Пред. тема | След. тема


  Закладки на сайте
  Проследить за страницей
Created 1996-2017 by Maxim Chirkov  
ДобавитьРекламаВебмастеруГИД  
Hosting by Ihor