Repolode
Enviar
sennkuwu

sennkuwu/wechat-style-extractor

Herramienta que extrae plantillas visuales reutilizables de artículos de cuentas oficiales de WeChat y las muestra como texto enriquecido listo para pegar en el editor de WeChat.

Ver en GitHub
Estrellas
155
Forks
18
Issues abiertos
0
Último commit
hace 2 meses

¿Qué es?

WeChat Style Extractor recibe el enlace público de un artículo de una cuenta oficial de WeChat y analiza su diseño. Cuenta los colores, los tamaños de fuente, las alturas de línea, los espacios y los componentes del contenido, como las tarjetas, y muestra los parámetros visuales y las reglas de los componentes que detecta.

El parser del servidor obtiene el artículo, limpia el HTML, normaliza los estilos e integra en línea la hoja de estilos del artículo para conservar las cuadrículas, el posicionamiento, las sombras, las listas y las tablas. También conserva las imágenes, las imágenes de carga diferida y las imágenes de fondo CSS. Una vista previa con ancho de teléfono permite revisar el resultado antes de copiarlo como texto enriquecido en el editor de WeChat.

El reconocimiento es heurístico: los elementos que no reconoce se ocultan y la vista previa usa valores predeterminados; además, los estilos en línea no garantizan una fidelidad total en el editor de WeChat. La obtención de contenido se limita a mp.weixin.qq.com, y WeChat puede mostrar ocasionalmente una página de verificación al servidor.

Funciones clave

  • 01Extrae colores, tamaños de fuente, alturas de línea y espacios a partir del enlace de un artículo.
  • 02Identifica títulos, autores y componentes del contenido, como las tarjetas.
  • 03Conserva las imágenes originales, las imágenes de carga diferida y las imágenes de fondo CSS.
  • 04Integra en línea la hoja de estilos del artículo para conservar las cuadrículas, las sombras, las listas y las tablas.
  • 05Ofrece una vista previa con ancho de teléfono y copia el resultado como texto enriquecido.

Casos de uso

  • Estudiar los patrones de diseño de artículos populares de cuentas oficiales de WeChat.
  • Crear plantillas originales y reutilizables para dar formato a artículos de WeChat.
  • Previsualizar cómo se ve un artículo en un teléfono antes de publicarlo en el editor de WeChat.

Inicio rápido

  1. 1

    Instalar las dependencias

    npm install
  2. 2

    Iniciar el servidor de desarrollo

    npm run dev
  3. 3

    Compilar para producción (opcional)

    npm run build

Antes de usarlo

  • Se requiere Node.js 22.13 o posterior.
  • La obtención de artículos solo funciona con enlaces de mp.weixin.qq.com, y a veces WeChat muestra una página de verificación de seguridad que bloquea el análisis.
  • La extracción de estilos es heurística, y es posible que los estilos en línea no se conserven por completo en el editor de WeChat.

Temas

#wechat#style-extraction#rich-text#template#preview#typescript

Preguntas frecuentes

¿Qué es wechat-style-extractor?
Herramienta que extrae plantillas visuales reutilizables de artículos de cuentas oficiales de WeChat y las muestra como texto enriquecido listo para pegar en el editor de WeChat. WeChat Style Extractor recibe el enlace público de un artículo de una cuenta oficial de WeChat y analiza su diseño. Cuenta los colores, los tamaños de fuente, las alturas de línea, los espacios y los componentes del contenido, como las tarjetas, y muestra los parámetros visuales y las reglas de los componentes que detecta.
¿wechat-style-extractor es gratuito? ¿Qué licencia tiene?
wechat-style-extractor es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿wechat-style-extractor sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de wechat-style-extractor fue el 5 sept 2026.
¿Para qué puedo usar wechat-style-extractor?
Estudiar los patrones de diseño de artículos populares de cuentas oficiales de WeChat. Crear plantillas originales y reutilizables para dar formato a artículos de WeChat. Previsualizar cómo se ve un artículo en un teléfono antes de publicarlo en el editor de WeChat.
¿Cómo se instala wechat-style-extractor?
Instalar las dependencias: npm install Iniciar el servidor de desarrollo: npm run dev Compilar para producción (opcional): npm run build
¿Dónde consigo wechat-style-extractor?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/sennkuwu/wechat-style-extractor

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados