Skip to content

Editor WYSIWYG

Choose a tag to compare

View all tags
@ESTRIN217 ESTRIN217 released this 02 Jul 22:58
v2.0.0
f211a0c

Secure Notes - Release v2.0.0

Drag & Drop Interactivo en Modo de Orden Personalizado

Hemos introducido una función de arrastrar y soltar (drag-and-drop) totalmente intuitiva e interactiva para reordenar tus notas de manera dinámica en la Vista de Rejilla.

  • Retroalimentación de Elevación: Al mantener presionada una tarjeta de nota, esta se "levantará" visualmente (aumentando su escala un 6% y actualizando su nivel de profundidad).
  • Intercambio Fluido: Arrastrar una nota sobre otras columnas o filas intercambia su posición de forma instantánea, animándose maravillosamente en tiempo real.
  • Persistencia de Posición: El orden personalizado se almacena de forma segura en las preferencias locales, asegurando que tu diseño permanezca exactamente como lo dejaste.

Pulido de Diseño y Corrección de Errores

  • Implementación de tarjetas con bordes perfilados (outlined) de Material Design 3 Expresivo.
  • Optimización de márgenes y espaciados de la interfaz para una mejor legibilidad en temas claro y oscuro.

Barra Flotante, Estilo de Notas y Opciones de Compartido Enriquecido (v2.0.0)

  • Paleta de Estilo Flotante: Una nueva barra de herramientas flotante en la parte inferior del editor alberga un ícono de paleta, abriendo un panel para personalizar colores de notas y seleccionar imágenes de fondo desde el almacenamiento del dispositivo.
  • Panel de Más Acciones: Reemplazamos los botones individuales de la barra superior con un elegante panel de "Mais Opciones" que ofrece opciones nativas para compartir notas (TXT, Markdown, PDF, HTML, JSON) y eliminación rápida.
  • Etiqueta de ultima Modificación: Muestra un distintivo estilizado arriba del contenido detallando la última fecha y hora de edición.
  • Controles Rápidos del Estado de Notas: Se añadieron íconos de acción dedicados e interactivos en la barra superior del editor para fijar notas, agregarlas a favoritos y archivarlas directamente sin salir del área de edición.
  • Auto-guardado automático al salir: Eliminamos el botón manual de guardar a favor de un mecanismo de guardado automático instantáneo. El editor ahora guarda automáticamente tu borrador al retroceder o salir de la pantalla de edición, mostrando una notificación Toast para confirmar que la nota ha sido guardada de forma segura.
  • Funciones de Barra Multimodal:
    • Texto a Voz (TTS): Escucha el título y contenido de tu nota en voz alta al instante con un controlador interactivo en la barra de herramientas.
    • Dibujos a Mano Alzada: Una pantalla de lienzo dedicada e inmersiva para dibujar con controles de grosor de trazo, paleta de selección de colores y guardado directo de imágenes PNG de alta resolución asociadas a tu nota.
    • Centro Completo de Adjuntos: Un nuevo panel inferior interactivo (Modal Bottom Sheet) que permite grabar notas de voz en tiempo real con controles de preescucha, y adjuntar archivos externos de almacenamiento copiados localmente de forma segura.

Editor de Texto Enriquecido Avanzado WYSIWYG

Se ha integrado una suite premium de edición de texto enriquecido WYSIWYG (What You See Is What You Get - Lo que ves es lo que obtienes) en el espacio de creación de notas, con soporte nativo de traducción:

  • Inserción de Estilo Interactiva: Selecciona cualquier bloque de texto para aplicar instantáneamente etiquetas de Negrita, Cursiva, Subrayado y Tachado.
  • Formato de Código Inline: Soporte para bloques monoespaciados <code> para capturar fragmentos técnicos o código de programación.
  • Subíndice y Superíndice: Aplica estilos estructurales como subíndice (<sub>) y superíndice (<sup>).
  • Selector de Color de Fuente y Fondo: Aplica resaltados de color premium de alto contraste (rojo, azul, verde, amarillo, naranja, púrpura, rosa, marrón, negro, gris) usando etiquetas integradas (<color> y <bg>).
  • Estilos de Encabezado: Estructura notas limpiamente utilizando títulos dedicados de Encabezado 1, Encabezado 2 y Encabezado 3.
  • Herramienta para Limpiar Formato: Botón de acción rápida para eliminar instantáneamente todas las etiquetas o estilos de formato del bloque de texto seleccionado.
  • Inserción de Múltiples Medios: Inserta dinámicamente enlaces a imágenes (<img>) y videos (<video>) en el texto, representándolos como elementos visuales responsivos dentro de la vista previa.
  • Estructuras de Lista Avanzadas: Soporte de formato nativo para Listas Numeradas (<ol><li>), Listas con Viñetas (<ul><li>), y Listas de Tareas interactivas completables (<cl><item checked="false">).
  • Bloques de Código y Citas: Organiza párrafos con bloques de código monoespaciados <pre> y bloques de citas estilizados en cursiva y tono atenuado <quote>.
  • Ajuste de Sangrías Dinámico: Aumenta o disminuye fácilmente los niveles de sangrado y estructuración del bloque de texto (<indent>).
  • Hipervínculos URL: Inserta enlaces web de alto contraste (<url=dirección>) con texto personalizado.
  • Buscador de Texto Interactivo: Herramienta de búsqueda en tiempo real dentro del editor de notas para localizar y navegar coincidencias (Siguiente/Anterior).
  • Herramientas de Portapapeles y Fecha: Pega al instante contenido del portapapeles en el cursor e inserta marcas de fecha y hora del sistema con un toque.
  • Sistema de Deshacer y Rehacer: Navega sin problemas por tu historial de borrador utilizando los intuitivos botones de control Deshacer y Rehacer con guardado de historial seguro y diferido.
  • Fuentes Tipográficas Premium: Personaliza tus notas con un selector tipográfico que admite fuentes Serif, Monospace, Sans-Serif y Cursive.
  • Escala de Fuentes Dinámica: Ajusta el texto a tamaños de fuente específicos (desde 12sp hasta 28sp) para lograr el máximo énfasis visual y diseño.
  • Editor WYSIWYG en Tiempo Real: Escribe y edita directamente en un único campo de entrada que analiza y oculta dinámicamente las etiquetas Markdown/HTML, mostrando texto enriquecido con estilo al instante y con una alineación perfecta del cursor.

Full Changelog: v.1.0.0...v2.0.0

Assets 3
Loading