Cloudnote 云笔记

项目简介

Cloudnote 云笔记 — это онлайн-сервис для заметок, основанный на ACE, Summernote, Handsontable и ZRender. Он поддерживает текст (с форматированием), таблицы, рисование и предварительный просмотр других файлов (изображения, PDF, аудио- и видеофайлы и документы Office). Интерфейс и стиль похожи на локальные редакторы, что соответствует привычкам пользователей в повседневной работе с офисными программами. Для всех типов файлов сохраняется история версий, что обеспечивает более эффективное управление версиями файлов.

Онлайн-демонстрация: http://47.92.196.8:8080/

Установка и запуск

1. Установите Node.js.

2. Установите Unoconv.

3. В командной строке выполните следующие команды:

   npm install

   npm start

Если вы используете сжатую версию, установите debug в config.js в значение false, затем выполните npm run build, а затем npm start.

Инструкция по использованию

Весь интерфейс разделен на меню, панель навигации (инструменты), панель каталогов, рабочую область и строку состояния. Панель каталогов и рабочая область могут быть разделены линией перетаскивания для изменения размера. Пользователи должны сначала создать модуль, а затем создавать папки и файлы на основе этого модуля. Поскольку JavaScript имеет ограниченную возможность доступа к буферу обмена, кнопка «Вставить» временно недоступна. Вместо этого можно использовать сочетание клавиш Ctrl+V для вставки. Интерфейс выглядит следующим образом:

1. Меню

• Управление файлами: операции создания, удаления, изменения и просмотра истории версий файлов.

• Редактирование документов: различные функции редактирования документов.

• Настройка вида: настройка отображения интерфейса.

• Параметры инструмента: базовая конфигурация редактора ACE.

• Помощь пользователю: подсказки по сочетаниям клавиш и управление пользователями.

2. Панель навигации (Инструменты)

Предоставляет пользователям быстрый доступ к интерфейсу, управлению файлами и редактированию файлов.

3. Панель Каталогов

Показывает структуру каталогов файлов, которую можно свернуть, развернуть и скрыть. Файлы можно открыть, дважды щёлкнув по ним. Щелчок правой кнопкой мыши вызывает контекстное меню, где можно выполнить соответствующие операции.

4. Рабочая область

Панель файлов отображает открытые файлы. Список файлов на панели можно перемещать. Двойной щелчок переключает рабочую область в полноэкранный режим. Правый клик позволяет закрыть файл. Справа от панели файлов есть раскрывающийся список файлов, который можно использовать для фильтрации и поиска или выбора файла для открытия. Область редактирования позволяет выбрать инструмент на рабочей панели для редактирования. Также можно выполнять операции через контекстное меню или сочетания клавиш.

5. Строка состояния

Отображает текущее состояние редактируемого файла.

Скриншоты интерфейса

Markdown (текст)

Summernote (документы)

Handsontable (таблицы)

ZRender (графика)