'background-color', 'fontColor' => 'color', 'fontFamily' => 'font-family', 'textDecoration' => 'text-decoration', 'textAlign' => 'text-align', 'fontSize' => 'font-size', 'fontWeight' => 'font-weight', 'borderWidth' => 'border-width', 'borderStyle' => 'border-style', 'borderColor' => 'border-color', 'borderRadius' => 'border-radius', 'lineHeight' => 'line-height', 'msoLineHeightAlt' => 'mso-line-height-alt', 'msoFontSize' => 'mso-ansi-font-size', ]; public static $font = [ 'Arial' => "Arial, 'Helvetica Neue', Helvetica, sans-serif", 'Comic Sans MS' => "'Comic Sans MS', 'Marker Felt-Thin', Arial, sans-serif", 'Courier New' => "'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace", 'Georgia' => "Georgia, Times, 'Times New Roman', serif", 'Lucida' => "'Lucida Sans Unicode', 'Lucida Grande', sans-serif", 'Tahoma' => 'Tahoma, Verdana, Segoe, sans-serif', 'Times New Roman' => "'Times New Roman', Times, Baskerville, Georgia, serif", 'Trebuchet MS' => "'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif", 'Verdana' => 'Verdana, Geneva, sans-serif', 'Arvo' => 'arvo, courier, georgia, serif', 'Lato' => "lato, 'helvetica neue', helvetica, arial, sans-serif", 'Lora' => "lora, georgia, 'times new roman', serif", 'Merriweather' => "merriweather, georgia, 'times new roman', serif", 'Merriweather Sans' => "'merriweather sans', 'helvetica neue', helvetica, arial, sans-serif", 'Noticia Text' => "'noticia text', georgia, 'times new roman', serif", 'Open Sans' => "'open sans', 'helvetica neue', helvetica, arial, sans-serif", 'Playfair Display' => "'playfair display', georgia, 'times new roman', serif", 'Roboto' => "roboto, 'helvetica neue', helvetica, arial, sans-serif", 'Source Sans Pro' => "'source sans pro', 'helvetica neue', helvetica, arial, sans-serif", 'Oswald' => "Oswald, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif", 'Raleway' => "Raleway, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif", 'Permanent Marker' => "'Permanent Marker', Tahoma, Verdana, Segoe, sans-serif", 'Pacifico' => "Pacifico, 'Arial Narrow', Arial, sans-serif", ]; public static $customFonts = [ 'Arvo', 'Lato', 'Lora', 'Merriweather', 'Merriweather Sans', 'Noticia Text', 'Open Sans', 'Playfair Display', 'Roboto', 'Source Sans Pro', 'Oswald', 'Raleway', 'Permanent Marker', 'Pacifico', ]; public static $defaultLineHeight = 1.6; public static $headingMarginMultiplier = 0.3; public static $paddingWidth = 20; public static function getBlockStyles($element, $ignoreSpecificStyles = false) { if (!isset($element['styles']['block'])) { return; } return self::getStyles($element['styles'], 'block', $ignoreSpecificStyles); } public static function getStyles($data, $type, $ignoreSpecificStyles = false) { $styles = array_map(function($attribute, $style) use ($ignoreSpecificStyles) { if (!$ignoreSpecificStyles || !in_array($attribute, $ignoreSpecificStyles)) { $style = StylesHelper::applyFontFamily($attribute, $style); return StylesHelper::translateCSSAttribute($attribute) . ': ' . $style . ';'; } }, array_keys($data[$type]), $data[$type]); return implode('', $styles); } public static function translateCSSAttribute($attribute) { return (array_key_exists($attribute, self::$cssAttributes)) ? self::$cssAttributes[$attribute] : $attribute; } public static function setStyle(array $style, string $selector): string { $css = $selector . '{' . PHP_EOL; $style = self::applyHeadingMargin($style, $selector); $style = self::applyLineHeight($style, $selector); foreach ($style as $attribute => $individualStyle) { $individualStyle = self::applyFontFamily($attribute, $individualStyle); $css .= self::translateCSSAttribute($attribute) . ':' . $individualStyle . ';' . PHP_EOL; } $css .= '}' . PHP_EOL; return $css; } public static function applyTextAlignment($block) { if (is_array($block)) { $textAlignment = isset($block['styles']['block']['textAlign']) ? strtolower($block['styles']['block']['textAlign']) : ''; if (preg_match('/center|right|justify/i', (string)$textAlignment)) { return $block; } $block['styles']['block']['textAlign'] = 'left'; return $block; } return (preg_match('/text-align.*?[center|justify|right]/i', (string)$block)) ? $block : $block . 'text-align:left;'; } /** * Join styles and makes sure they are separated by ; */ public static function joinStyles(?string $styles1, ?string $styles2): string { if ($styles1 === null) $styles1 = ''; if ($styles2 === null) $styles2 = ''; $style = trim($styles1); if ( (strlen($style) > 0) && (substr($style, -1) !== ';') ) $style .= ';'; $style .= $styles2; return $style; } public static function applyFontFamily($attribute, $style) { if ($attribute !== 'fontFamily') return $style; return (isset(self::$font[$style])) ? self::$font[$style] : self::$font['Arial']; } public static function applyHeadingMargin(array $style, string $selector): array { if (!preg_match('/h[1-4]/i', $selector)) return $style; $fontSize = (int)$style['fontSize']; $style['margin'] = sprintf('0 0 %spx 0', self::$headingMarginMultiplier * $fontSize); return $style; } public static function applyLineHeight(array $style, string $selector): array { if (!preg_match('/mailpoet_paragraph|h[1-4]/i', $selector)) return $style; $lineHeight = isset($style['lineHeight']) ? (float)$style['lineHeight'] : self::$defaultLineHeight; $fontSize = (int)$style['fontSize']; $msoLineHeight = round($lineHeight * $fontSize); if ($msoLineHeight % 2 === 1) { $msoLineHeight++; } $msoFontSize = $fontSize; if ($msoFontSize % 2 === 1) { $msoFontSize++; } $style['msoLineHeightAlt'] = sprintf('%spx', $msoLineHeight); $style = ['msoFontSize' => sprintf('%spx', $msoFontSize)] + $style; $style['lineHeight'] = sprintf('%spx', $lineHeight * $fontSize); return $style; } private static function getCustomFontsNames($styles) { $fontNames = []; foreach ($styles as $style) { if (isset($style['fontFamily']) && in_array($style['fontFamily'], self::$customFonts)) { $fontNames[$style['fontFamily']] = true; } } return array_keys($fontNames); } public static function getCustomFontsLinks($styles) { $links = []; foreach (self::getCustomFontsNames($styles) as $name) { $links[] = urlencode($name) . ':400,400i,700,700i'; } if (!count($links)) { return ''; } // see https://stackoverflow.com/a/48214207 return ''; } }