Necesita una forma de editar documentos HTML en línea

El caso de uso: a veces necesito leer artículos largos en formato HTML. Por ejemplo: la especificación HTML5 en una sola página HTML. A medida que avance en el artículo, quiero poder eliminar partes de él de forma selectiva. Deseo hacer esto para que cuando vuelva a leer el artículo más adelante para entenderlo mejor, pueda saltarme las partes que no necesito leer de nuevo.

Idealmente, me gustaría poder abrir la página HTML en un navegador y tener un bloc de notas básico como capacidades de edición de texto (seleccionar texto, presionar eliminar). Sin embargo, no me importa tener que copiar la página HTML en otro programa, siempre y cuando ese programa conserve perfectamente el estilo del artículo (por ejemplo, cuando copié la especificación HTML5 en Microsoft Word, algunos de los aspectos destacados de la sección no se transfirieron). Eso es un problema para mí).

Estoy usando Windows y Linux. Mi navegador principal es Firefox, pero tengo todos los principales navegadores instalados.

No conozco ese software, pero intentaría buscar algunas extensiones FF/Chrome, puede haber una para este propósito. Obviamente, está Dreamweaver, pero es caro y una completa exageración.
Solo necesita eliminar partes (no editarlas ni agregar otras nuevas), ¿verdad? ¿Y estaría bien con los cambios de diseño (dependiendo de lo que elimine exactamente, por ejemplo, al eliminar uno divque se necesita para que el CSS funcione según lo previsto)?
@unor Sí, es suficiente simplemente eliminar partes. Ser capaz de editar sería una ventaja, pero no es necesario. Si la eliminación de un div afecta el estilo, eso es aceptable, sin embargo, lo que realmente necesito poder eliminar es texto, imágenes, listas, encabezados, etc. Básicamente, elimine el contenido, no los metadatos HTML.

Respuestas (1)

Encontré una manera de hacer esto sin complementos ni programas adicionales. Solo necesitas un navegador.

Abra el documento en su navegador favorito y active la consola del desarrollador. Ejecute el siguiente código:

document.designMode = "on";

Ahora toda la página HTML es editable.