Шаблон приложения «Редактор Markdown»

Редактор Markdown с живым предпросмотром, сохранёнными черновиками и экспортом. Нужен интернет.

ФреймворкиНужен интернет4 функции телефонаMarked

✏️ Редактировать и собрать онлайн Открыть на весь экран

Это шаблон в работе. Функции телефона, такие как камера, вибрация и уведомления, работают в приложении, которое вы соберёте.

Функции телефона, которые использует этот шаблон

Они работают через JavaScript-мост FreeApp, который есть в каждом приложении, собранном в Free HTML to APK. В обычном браузере шаблон тоже работает, просто эти вызовы ничего не делают.

Копирование в буфер обмена

FreeApp.copy()

Копирование в буфер обмена.

Открытие ссылок

FreeApp.open()

Открыть во внешнем браузере или приложении.

Сохранение файлов

FreeApp.saveFile()

Сохраняет в «Загрузки»; FreeApp.on('saved', d => …) возвращает {name, ok, location}.

Всплывающие сообщения

FreeApp.toast()

Короткое встроенное всплывающее сообщение.

Как шаблон их вызывает

function exportMd() {
  const b64 = btoa(unescape(encodeURIComponent(editor.value)));
  if (window.FreeApp) FreeApp.saveFile('note.md', 'text/markdown', b64);
}
function copyHtml() {
  if (window.FreeApp) { FreeApp.copy(preview.innerHTML); FreeApp.toast('HTML copied'); }
}

Сделайте его своим с помощью ИИ

Скопируйте этот промпт в ChatGPT, Gemini или Claude, замените идею на свою и вставьте ответ обратно в редактор. Он уже объясняет ИИ оболочку приложения и функции телефона.

Показать промпт для ИИ

Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.

The app: Markdown Editor — a live markdown editor with preview (marked + DOMPurify), saved drafts and export. Live markdown editor with preview, saved drafts and export. Needs internet.

Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- You may load libraries from a CDN (jsDelivr/unpkg); show a friendly message if the device is offline.

The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.copy(text: string): void — copy to clipboard
- FreeApp.open(url: string): void — open in the external browser / app
- FreeApp.saveFile(name: string, mime: string, data: string /* base64 or data: URL */ | Blob): Promise<boolean> — saves to Downloads; FreeApp.on('saved', d => …) gives {name, ok, location}
- FreeApp.toast(message: string): void — short native toast

Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.

Return the complete index.html in one code block.

My idea: [DESCRIBE YOUR APP IDEA HERE]

Превратите его в Android-приложение

Нажмите Редактировать и собрать онлайн. Шаблон откроется в онлайн-редакторе.
Измените текст, цвета и код, затем выберите название приложения, иконку и имя пакета.
Соберите. Вы получите подписанный APK для установки и AAB для Google Play — бесплатно, без аккаунта и без водяного знака.

✏️ Редактировать и собрать онлайн СКАЧАЙТЕ БЕСПЛАТНО ВGoogle Play