Интернет редактор JavaScript, как Indesign

Question

Для проекта мы сейчас пытаемся создать редактор WYSIWYG, который должен иметь ту же самую базовую функциональность, как Adobe, InDesign:

• Добавление текстовых фреймов, и связывание текстовых рамки вместе
• Master Pages (с базовыми, полей, колонок и канаву)
• Basic форматирования (размер шрифта и стилей, выравнивания)

Мы пытаемся, чтобы позволить пользователям создавать простые документы, использующие статьи на новостном сайте в качестве источника. Через интерфейс drag'n'drop они должны иметь возможность быстро создавать простой документ, похожий на газету. Создание пользователя должно быть преобразовано в PDF (через FPDF-библиотеку). Поэтому редактор должен создать какой-то html с атрибутами данных, содержащими такие свойства, как ширина, высота и т. Д., Чтобы эти данные могли быть преобразованы в объект json, который должен быть извлечен в PHP и загружен в FDPF. Прогресс в простых шагах:

1. Html WYSIWYG генерирует атрибуты предварительного просмотра + html с измерениями;
2. Опубликовать атрибуты html с помощью ajax на сервер;
3. PHP-сервер извлекает json и преобразует его в объект FPDF;
4. Пользователю предлагается файл PDF для загрузки.

Я пытался смотреть на страницах ICloud, которая использует SproutCore (или Ember?), Насколько я могу видеть, но я думаю, что это было бы излишним, чтобы использовать эти рамки, возможно, он даже не будет иметь базовую функциональность, которую я ищу.

У кого-нибудь есть идеи, как начать? Какую платформу JavaScript использовать (я использовал Prototype, Mootools и jQuery в прошлом) и где искать возможные примеры/подобные проекты?

Answer 1

Если ваша цель InDesign, вы, вероятно, захотите узнать о IDML (warning, direct link to PDF!. Это XML-описание АСТ документа InDesign.

Если вы хотите создать еще один редактор WYSIWYG, вы, вероятно, захотите прочитать код существующих решений и посмотреть, как они построены. Сначала появляются CkEditor и Redactor.js.

Когда люди говорят о «Javascript Framework» в эти дни (2015 год), они не говорят о jQuery, Prototype и MooTools, поскольку их обычно называют «библиотеками». «Рамки» в настоящее время - Angular.js, Ember.js и т. Д., И выбор между ними в основном религиозен, как между Vim и Emacs.

Выше было I лично начало. И о том, с чего начать в техническим способом - о нем уже много писали. Вы поднимаете систему сборки, тестовые жгуты, производственные/тестовые среды, располагаете конвейером развертывания (да, для одного виджета пользовательского интерфейса), а затем начинаете писать тесты.

Весь этот вопрос больше похож на новую точку входа в обсуждение проекта, а не на вопрос с четким ответом.

Answer 2

SproutCore действительно является основой для iCloud Pages, а также остальной среды iCloud.Он предоставляет уже часть того, что вы описываете, например, текстовый редактор (https://github.com/sproutcore/rich-text-editor), а также встроенная функция перетаскивания.

Я не думаю, что использование SproutCore было бы излишним, если только вы не пытаетесь создать виджет, который вы хотите использовать в другой среде/структуре.

SproutCore - это основа, очень подходящая для этих сложных приложений, поэтому, вероятно, Apple использует ее для iCloud. Другим примером такого сложного приложения SproutCore является считыватель Kobo (http://read.kobobooks.com/).