Producto propio

LiveEdit

Edita tu web directamente en la página

LiveEdit nació de una conversación que se repetía una y otra vez: un cliente recibe una web estática y rápida, y luego pregunta cómo cambiar el teléfono del pie de página sin llamar a un desarrollador. Las respuestas sinceras eran todas malas: añadir un CMS que la web no necesita o atender un mensaje cada vez que cambia una palabra.

Por eso es una sola carpeta. Copias livedit/ en la raíz de la web, abres /livedit/, inicias sesión, y cada título, párrafo, enlace y botón de la página real se puede editar con un clic. Los cambios se escriben directamente en el archivo HTML, con una copia de seguridad antes de cada guardado. Nada más cambia en la web: no hay atributos que añadir, ni marcado que reescribir, ni base de datos que configurar, ni npm.

LiveEdit — captura 1
LiveEdit — captura 2
LiveEdit — captura 3

Qué hace

Edición de texto en la página

Haz clic en cualquier título, párrafo, enlace o botón y edítalo en su sitio. Negrita, cursiva, subrayado y tachado están en la barra de herramientas.

Funciona sin configuración

LiveEdit recorre el DOM y marca él mismo los elementos editables. No hay nada que anotar ni que cambiar en el marcado: HTML plano, plantillas PHP, cualquier cosa que se muestre como HTML.

Vista previa en móvil

Cambia a una vista del tamaño de un móvil y comprueba cómo queda un cambio sin salir del editor.

Se guarda en el propio archivo

Los cambios se escriben en el archivo .html del servidor. Sin base de datos ni servicios en la nube. Antes de cada guardado se crea una copia de seguridad en livedit/backups/.

Imágenes y bloques (Pro)

Sustituye una imagen haciendo clic en ella: se actualizan avif, webp y jpeg. Mueve, duplica o elimina secciones enteras arrastrándolas.

Enlaces y código fuente (Pro)

Edita href, target, clases CSS y cualquier otro atributo desde la barra de herramientas, o abre el editor de código HTML cuando sea más rápido.

Precios

Free

$0para siempre
  • ·Edición de texto en la página
  • ·Funciona en cualquier página HTML o PHP
  • ·Vista previa en móvil
  • ·Webs ilimitadas

Pro

$49pago único, por dominio
  • ·Todo lo de Free
  • ·Subida y sustitución de imágenes
  • ·Arrastrar, duplicar y eliminar bloques
  • ·Editor de código HTML
  • ·Todas las futuras actualizaciones de Pro

Detalles técnicos

RequisitosPHP 7.4 o superior
ServidoresApache y Nginx (Nginx necesita una regla de rewrite)
Tamaño~80 KB
Base de datosNinguna
CompilaciónNinguna: sin npm ni bundler
AlmacenamientoLos cambios se escriben en el archivo .html; copias de seguridad en livedit/backups/
SeguridadContraseñas con bcrypt, tokens CSRF en cada escritura, configuración bloqueada mediante .htaccess, sesiones de 120 minutos
Idiomas de la interfazInglés y ruso

Preguntas frecuentes

PHP 7.4 o superior, en Apache o Nginx. Nginx necesita una regla de rewrite; la configuración exacta está en el README. Sin base de datos y sin Node.js.

Sí. LiveEdit recorre el DOM y marca él mismo los elementos editables, así que no hay nada que anotar. Funciona con HTML plano, plantillas PHP y cualquier otra cosa que se muestre como HTML.

Directamente en el archivo .html de tu servidor, sin base de datos ni nube. Antes de cada guardado se escribe una copia de seguridad en livedit/backups/.

Por dominio. Una licencia activa Pro en un dominio, incluidas todas sus subcarpetas; los subdominios cuentan aparte. En un mismo dominio pueden funcionar varias copias de LiveEdit para distintas secciones.

Las contraseñas se guardan con hash bcrypt, cada escritura lleva un token CSRF, los archivos de copia de seguridad y de configuración están bloqueados al acceso web mediante .htaccess y las sesiones caducan a los 120 minutos. Cambia la contraseña por defecto en el primer inicio de sesión.

Porque los clientes no dejaban de preguntar cómo cambiar una línea de texto en una web estática sin un desarrollador, y cada respuesta sincera implicaba añadir un CMS que la web no necesitaba. Esta era la solución más pequeña.

¿Necesitas algo parecido?

No solo creo productos para mí. Si tienes una idea para una herramienta o un servicio, cuéntamela y te diré qué supone en plazos y presupuesto.