English | العربية | বাংলা | Bosanski | Deutsch | Español | Français | हिन्दी | Italiano | 日本語 | 한국어 | मराठी | Português | Русский | Kiswahili | தமிழ் | తెలుగు | Türkçe | اردو | Tiếng Việt | 中文
- Actualización
- Introducción
- Instalación
- Uso (Sin Laravel)
- Uso (Con Laravel)
- Configuración
- Directrices de Soporte
- Licencia - Licencia MIT
Actualización
Si está actualizando desde una versión anterior, consulte la Guía de Actualización para cambios importantes y pasos de migración.
Introducción
MJML es un lenguaje de marcado diseñado específicamente para simplificar el proceso de codificación de correos electrónicos responsivos. Su sintaxis semántica garantiza facilidad y simplicidad, mientras que su amplia biblioteca de componentes estándar acelera el desarrollo y reduce la complejidad de su base de código de correo electrónico. El motor de código abierto de MJML genera HTML responsivo y de alta calidad que se adhiere a las mejores prácticas. Si ha experimentado las frustraciones de trabajar con Outlook, este paquete está diseñado para usted.
Nuestra implementación de MJML sirve como un envoltorio para la API oficial de MJML. Permite la compilación conveniente de MJML en HTML directamente dentro de PHP, sin necesidad de NodeJS. Este paquete es ideal para aplicaciones PHP que desean incorporar MJML sin la molestia de instalar NodeJS y la CLI de MJML.
Ejemplo
// Sin Laravel(new MJML)->render( '<mjml><mj-body><mj-section><mj-column><mj-text>Hola Mundo</mj-text></mj-column></mj-section></mj-body></mjml>'); // HTML minimizado(new MJML)->minify()->render( '<mjml><mj-body><mj-section><mj-column><mj-text>Hola Mundo</mj-text></mj-column></mj-section></mj-body></mjml>'); // Con LaravelMJML::render( '<mjml><mj-body><mj-section><mj-column><mj-text>Hola Mundo</mj-text></mj-column></mj-section></mj-body></mjml>'); // Con Laravel y HTML minimizadoMJML::minify()->render( '<mjml><mj-body><mj-section><mj-column><mj-text>Hola Mundo</mj-text></mj-column></mj-section></mj-body></mjml>');
Instalación
-
Primero, agregue lo siguiente a su archivo
composer.jsonpara instruir a nuestro paquete a que descargue los binarios correctos para su sistema operativo cuando se instale nuestro paquete. Los binarios se descargarán después de ejecutarinstall,updateodump-autoload.{"post-autoload-dump": ["DefectiveCode\\MJML\\PullBinary::all"]}El binario de MJML se obtendrá de nuestro CDN y se guardará en la carpeta "bin" de este paquete durante la instalación o actualización de composer. Asegúrese de que tiene los binarios necesarios cargados tanto para su entorno local como de producción.
Por defecto,
alldescargará todos los binarios que soportamos. Recomendamos limitar esto a los sistemas operativos y arquitecturas que necesita para ahorrar ancho de banda y tiempos de instalación. Los siguientes son los binarios disponibles.Sistema Operativo Arquitectura Comando de Post Actualización de Composer Todos Todos DefectiveCode\MJML\PullBinary::allDarwin (MacOS) arm64 DefectiveCode\MJML\PullBinary::darwin-arm64Darwin (MacOS) x64 DefectiveCode\MJML\PullBinary::darwin-x64Linux (glibc) arm64 DefectiveCode\MJML\PullBinary::linux-arm64Linux (glibc) x64 DefectiveCode\MJML\PullBinary::linux-x64Linux (musl) arm64 DefectiveCode\MJML\PullBinary::linux-arm64-muslLinux (musl) x64 DefectiveCode\MJML\PullBinary::linux-x64-musl -
A continuación, instale el paquete PHP ejecutando el siguiente comando de composer:
composer require defectivecode/mjml -
¡Eso es todo! Si utiliza Laravel, nuestro paquete se instalará automáticamente usando el descubrimiento de paquetes de Laravel.
Uso (Sin Laravel)
Consulte el uso con Laravel a continuación si está utilizando Laravel.
Renderizando MJML
Para renderizar MJML, simplemente pase su cadena MJML al método render:
use DefectiveCode\MJML; $html = (new MJML)->render( '<mjml><mj-body><mj-section><mj-column><mj-text>Hola Mundo</mj-text></mj-column></mj-section></mj-body></mjml>');
Validando MJML
Para validar MJML, simplemente pase su cadena MJML al método isValid:
use DefectiveCode\MJML; $isValid = (new MJML)->isValid( '<mjml><mj-body><mj-section><mj-column><mj-text>Hola Mundo</mj-text></mj-column></mj-section></mj-body></mjml>');
Uso (Con Laravel)
Renderizando MJML
Para renderizar MJML, simplemente pase su cadena MJML al render en la fachada de MJML:
use DefectiveCode\MJML\Facades\MJML; $html = MJML::render( '<mjml><mj-body><mj-section><mj-column><mj-text>Hola Mundo</mj-text></mj-column></mj-section></mj-body></mjml>');
Validando MJML
Para validar MJML, simplemente pase su cadena MJML al método isValid en la fachada de MJML:
use DefectiveCode\MJML\Facades\MJML; $isValid = MJML::isValid( '<mjml><mj-body><mj-section><mj-column><mj-text>Hola Mundo</mj-text></mj-column></mj-section></mj-body></mjml>');
Configuración
Puede publicar el archivo de configuración utilizando el siguiente comando:
php artisan vendor:publish --provider="DefectiveCode\MJML\MJMLServiceProvider"
Esto creará un archivo de configuración mjml.php en su carpeta config. Todas las opciones listadas en el archivo de configuración se pasan al objeto config cuando usa la fachada de MJML.
Configuración
Todas las opciones de configuración se pueden establecer llamando a los siguientes métodos directamente en el objeto MJML.
use DefectiveCode\MJML; $html = (new MJML) ->setMinify(true) ->setBeautify(false) ->render( '<mjml><mj-body><mj-section><mj-column><mj-text>Hola Mundo</mj-text></mj-column></mj-section></mj-body></mjml>' );
Nuestro paquete sigue la misma configuración que el paquete oficial de MJML excepto por lo siguiente:
preprocessors- Esta opción no está disponible. Por favor, abra una solicitud de extracción si desea agregar esta opción.minifyOptions- Usamos un minificador ligero basado en PHP en lugar dehtml-minifier. El minificador elimina comentarios (excepto los condicionales de Outlook), colapsa espacios en blanco y elimina espacios en blanco entre etiquetas.
Fuentes
Nuestro paquete utiliza las siguientes fuentes por defecto:
- Open Sans: 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700
- Droid Sans: 'https://fonts.googleapis.com/css?family=Droid+Sans:300,400,500,700
- Lato: https://fonts.googleapis.com/css?family=Lato:300,400,500,700
- Roboto: https://fonts.googleapis.com/css?family=Roboto:300,400,500,700
- Ubuntu: https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700
Puede cambiar las fuentes utilizando los siguientes métodos:
addFont(string $font, string $url)- Agrega una fuente a la lista de fuentes.removeFont(string $font)- Elimina una fuente de la lista de fuentes.setFonts(array $fonts)- Establece la lista de fuentes. Debe proporcionar un array de fuentes en este formato:['nombre-de-fuente' => 'url-de-fuente'].
Comentarios
Los comentarios se mantienen por defecto. Si desea eliminar comentarios, puede usar el método removeComments().
También puede revertir el removeComments() llamando al método keepComments().
Ignorar Incluidos
Por defecto, nuestro paquete incluirá cualquier etiqueta mj-include. Puede ajustar este comportamiento llamando al método ignoreIncludes(bool $ignore).
Embellecer
Nuestro paquete embellecerá el HTML utilizando js-beautify con las siguientes opciones predeterminadas:
- indentSize: 2
- wrapAttributesIndentSize: 2
- maxPreserveNewline: 0
- preserveNewlines: false
Si bien
js-beautifyutiliza snake_case para proporcionar opciones, debe usar camelCase al utilizar nuestro paquete. Tomamos esta decisión para mantener nuestro paquete consistente con el resto de las opciones de configuración. Nuestro paquete convertirá automáticamente las opciones camelCase a snake_case.
Puede anular cualquiera de estas opciones proporcionando una configuración válida de js-beautify utilizando los siguientes métodos:
setBeautifyOptions(array $options)- Establece las opciones dejs-beautify.addBeautifyOption(string $option, mixed $value)- Agrega una opción dejs-beautify.removeBeautifyOption(string $option)- Elimina una opción dejs-beautify.
Minimizar
Nuestro paquete minimizará la salida HTML cuando esté habilitado. La minimización realiza lo siguiente:
- Elimina los comentarios HTML (preserva los comentarios condicionales de Outlook como
<!--[if mso]>) - Colapsa múltiples caracteres de espacio en blanco en espacios individuales
- Elimina el espacio en blanco entre etiquetas HTML
Puede habilitar o deshabilitar la minimización llamando al método minify(bool $minify).
¿Por qué minimización basada en PHP? El paquete oficial de MJML utiliza
html-minifierpara la minimización, que tiene una conocida vulnerabilidad ReDoS (CVE-2022-37620) sin solución disponible, ya que el paquete no está mantenido. Para evitar empaquetar dependencias vulnerables, trasladamos la minimización a PHP utilizando una implementación ligera y segura.
Nivel de Validación
Nuestro paquete validará el MJML utilizando el nivel de validación soft por defecto. Puede cambiar esto utilizando el método validationLevel(ValidationLevel $validationLevel). Los siguientes niveles de validación están disponibles:
strict- Su documento se somete a validación y no se renderiza si tiene algún error.soft- Su documento se somete a validación y se renderiza, incluso si tiene errores.skip- Su documento se renderiza sin pasar por validación.
Ruta de Archivo
Nuestro paquete usará el directorio . por defecto. Puede cambiar esto llamando al método filePath(string $path).
Jugo
No proporcionamos ninguna opción de juice por defecto. Puede agregar opciones de jugo utilizando los siguientes métodos:
setJuiceOptions(array $options)- Establece las opciones de jugo.addJuiceOption(string $option, mixed $value)- Agrega una opción de jugo.removeJuiceOption(string $option)- Elimina una opción de jugo.setJuicePreserveTags(array $tags)- Establece las etiquetas de preservación de jugo.addJuicePreserveTag(string $tag, mixed $value)- Agrega una etiqueta de preservación de jugo.removeJuicePreserveTag(string $tag)- Elimina una etiqueta de preservación de jugo.
Directrices de Soporte
¡Gracias por elegir nuestro paquete de código abierto! Tómate un momento para revisar estas directrices de soporte. Te ayudarán a sacar el máximo provecho de nuestro proyecto.
Soporte Impulsado por la Comunidad
Nuestro proyecto de código abierto es impulsado por nuestra increíble comunidad. Si tienes preguntas o necesitas asistencia, StackOverflow y otros recursos en línea son tus mejores opciones.
Errores y Priorización de Funciones
La realidad de gestionar un proyecto de código abierto significa que no podemos abordar cada error reportado o solicitud de función de inmediato. Priorizamos los problemas en el siguiente orden:
1. Errores que Afectan Nuestros Productos de Pago
Los errores que impactan nuestros productos de pago siempre serán nuestra máxima prioridad. En algunos casos, solo abordaremos los errores que nos afectan directamente.
2. Solicitudes de Extracción de la Comunidad
Si has identificado un error y tienes una solución, por favor envía una solicitud de extracción. Después de los problemas que afectan a nuestros productos, damos la siguiente mayor prioridad a estas soluciones impulsadas por la comunidad. Una vez revisada y aprobada, integraremos tu solución y daremos crédito a tu contribución.
3. Apoyo Financiero
Para problemas fuera de las categorías mencionadas, puedes optar por financiar su resolución. Cada problema abierto está vinculado a un formulario de pedido donde puedes contribuir financieramente. Priorizamos estos problemas según la cantidad de financiamiento proporcionada.
Contribuciones de la Comunidad
El código abierto prospera cuando su comunidad está activa. Incluso si no estás solucionando errores, considera contribuir a través de mejoras de código, actualizaciones de documentación, tutoriales o asistiendo a otros en los canales de la comunidad. Animamos encarecidamente a todos, como comunidad, a ayudar a apoyar el trabajo de código abierto.
Para reiterar, DefectiveCode priorizará los errores en función de cómo impactan a nuestros productos de pago, las solicitudes de extracción de la comunidad y el apoyo financiero recibido para los problemas.
Licencia - Licencia MIT
Copyright © Defective Code, LLC. Todos los derechos reservados
Por la presente se otorga permiso, de forma gratuita, a cualquier persona que obtenga una copia de este software y los archivos de documentación asociados (el "Software"), para tratar el Software sin restricciones, incluyendo sin limitación los derechos a usar, copiar, modificar, fusionar, publicar, distribuir, sublicenciar y/o vender copias del Software, y a permitir a las personas a las que se les proporciona el Software hacerlo, sujeto a las siguientes condiciones:
La mención de copyright anterior y esta nota de permiso deberán incluirse en todas las copias o partes sustanciales del Software.
EL SOFTWARE SE PROPORCIONA "TAL CUAL", SIN GARANTÍA DE NINGÚN TIPO, EXPRESA O IMPLÍCITA, INCLUYENDO PERO NO LIMITÁNDOSE A LAS GARANTÍAS DE COMERCIALIZABILIDAD, ADECUACIÓN PARA UN PROPÓSITO PARTICULAR Y NO INFRACCIÓN. EN NINGÚN CASO LOS AUTORES O TITULARES DE LOS DERECHOS DE AUTOR SERÁN RESPONSABLES DE NINGUNA RECLAMACIÓN, DAÑO O OTRA RESPONSABILIDAD, YA SEA EN UNA ACCIÓN DE CONTRATO, AGRAVIO O DE OTRA MANERA, QUE SURJA DE, O EN CONEXIÓN CON EL SOFTWARE O EL USO O OTRAS NEGOCIACIONES EN EL SOFTWARE.