Добавить в корзинуПозвонить
Найти в Дзене

🇫🇷⌨️ Французский Open Source офис: делаем прототип онлайн редактора

Почему важно: Импортозамещение и контроль данных — это всегда актуально. Разбор Франция продвигает свой собственный open source офисный пакет OnlyOffice. Он предоставляет альтернативу Google Docs и Microsoft Office Online, но с акцентом на приватность и контроль над данными. Под капотом OnlyOffice использует Canvas для отрисовки интерфейса и обработки текста, что позволяет добиться высокой производительности и кроссплатформенности. Сегодня вечером попробуем создать упрощенный HTML редактор, вдохновленный OnlyOffice, используя Cursor и Gemini для ускорения разработки. Как применить сегодня • Создаем HTML-структуру с textarea для ввода текста и div для отображения отформатированного результата. • Используем JavaScript для отслеживания изменений в textarea. • Пишем функцию, которая форматирует текст (например, заменяет **жирный** на жирный). • Применяем отформатированный текст к div для динамического отображения. Промпт Напиши функцию на JavaScript, которая берет строку текста, находи

🇫🇷⌨️ Французский Open Source офис: делаем прототип онлайн редактора

Почему важно: Импортозамещение и контроль данных — это всегда актуально.

Разбор

Франция продвигает свой собственный open source офисный пакет OnlyOffice. Он предоставляет альтернативу Google Docs и Microsoft Office Online, но с акцентом на приватность и контроль над данными. Под капотом OnlyOffice использует Canvas для отрисовки интерфейса и обработки текста, что позволяет добиться высокой производительности и кроссплатформенности.

Сегодня вечером попробуем создать упрощенный HTML редактор, вдохновленный OnlyOffice, используя Cursor и Gemini для ускорения разработки.

Как применить сегодня

• Создаем HTML-структуру с textarea для ввода текста и div для отображения отформатированного результата.

• Используем JavaScript для отслеживания изменений в textarea.

• Пишем функцию, которая форматирует текст (например, заменяет **жирный** на жирный).

• Применяем отформатированный текст к div для динамического отображения.

Промпт

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

Дальше

Попробовать Vibe Coding бесплатно 🚀

#flutter #vibecoding