Plantilla de app Editor de Markdown

Editor de markdown en vivo con vista previa, borradores guardados y exportación. Requiere internet.

FrameworksRequiere internet4 funciones del teléfonoMarked

✏️ Editar y compilar en línea Abrir en pantalla completa

Esta es la plantilla funcionando en vivo. Las funciones del teléfono, como la cámara, la vibración y las notificaciones, funcionan en la app que compilas.

Funciones del teléfono que usa esta plantilla

Vienen del puente JavaScript de FreeApp que incluye cada app creada con Free HTML to APK. En un navegador normal la plantilla funciona igual, y las llamadas simplemente no hacen nada.

Copiar al portapapeles

FreeApp.copy()

Copiar al portapapeles.

Abrir enlaces

FreeApp.open()

Abrir en el navegador o app externos.

Guardar archivos

FreeApp.saveFile()

Guarda en Descargas; FreeApp.on('saved', d => …) entrega {name, ok, location}.

Mensajes emergentes (toast)

FreeApp.toast()

Toast nativo breve.

Cómo las llama la plantilla

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'); }
}

Hazla tuya con IA

Copia este prompt en ChatGPT, Gemini o Claude, cambia la idea por la tuya y pega la respuesta en el editor. Ya le explica a la IA la estructura de la app y las funciones del teléfono.

Mostrar el prompt para IA

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]

Conviértela en una app de Android

Toca Editar y compilar en línea. La plantilla se abre en el editor en línea.
Cambia el texto, los colores y el código, y luego elige un nombre de app, un icono y un nombre del paquete.
Compila. Obtienes un APK firmado para instalar y un AAB para Google Play, gratis, sin cuenta y sin marca de agua.

✏️ Editar y compilar en línea CONSÍGUELA GRATIS ENGoogle Play