Use WP's style engine for formatting style arrays to string

[MAILPOET-5798]
This commit is contained in:
Rostislav Wolny
2024-04-09 14:31:34 +02:00
committed by Rostislav Wolný
parent 50df6c3d4e
commit 15e0c3fa4d
5 changed files with 10 additions and 10 deletions

View File

@@ -27,7 +27,7 @@ class FlexLayoutRenderer {
if ($key > 0) {
$styles['padding-left'] = $flexGap;
}
$outputHtml .= '<td class="layout-flex-item" style="' . esc_html($settingsController->convertStylesToString($styles)) . '">' . render_block($block) . '</td>';
$outputHtml .= '<td class="layout-flex-item" style="' . esc_html(\WP_Style_Engine::compile_css($styles, '')) . '">' . render_block($block) . '</td>';
}
$outputHtml .= '</tr></table></div>
<!--[if mso | IE]></td></tr></table><![endif]-->';

View File

@@ -62,7 +62,7 @@ class Heading extends AbstractBlockRenderer {
width="100%"
>
<tr>
<td class="' . esc_attr($classes) . '" style="' . $settingsController->convertStylesToString($styles) . '">
<td class="' . esc_attr($classes) . '" style="' . \WP_Style_Engine::compile_css($styles, '') . '">
{heading_content}
</td>
</tr>

View File

@@ -70,7 +70,7 @@ class Image extends AbstractBlockRenderer {
$borderStyles['box-sizing'] = 'border-box';
}
return $this->addStyleToElement($blockContent, ['tag_name' => 'img'], $settingsController->convertStylesToString($borderStyles));
return $this->addStyleToElement($blockContent, ['tag_name' => 'img'], \WP_Style_Engine::compile_css($borderStyles, ''));
}
/**
@@ -110,7 +110,7 @@ class Image extends AbstractBlockRenderer {
];
$styles['font-size'] = $parsedBlock['email_attrs']['font-size'] ?? $themeData['styles']['typography']['fontSize'];
return $settingsController->convertStylesToString($styles);
return \WP_Style_Engine::compile_css($styles, '');
}
/**
@@ -142,7 +142,7 @@ class Image extends AbstractBlockRenderer {
border="0"
cellpadding="0"
cellspacing="0"
style="' . $settingsController->convertStylesToString($styles) . '"
style="' . \WP_Style_Engine::compile_css($styles, '') . '"
width="100%"
>
<tr>
@@ -152,7 +152,7 @@ class Image extends AbstractBlockRenderer {
border="0"
cellpadding="0"
cellspacing="0"
style="' . $settingsController->convertStylesToString($wrapperStyles) . '"
style="' . \WP_Style_Engine::compile_css($wrapperStyles, '') . '"
width="' . $wrapperWidth . '"
>
<tr>

View File

@@ -22,13 +22,13 @@ class ListBlock extends AbstractBlockRenderer {
$styles['font-size'] = $themeData['styles']['typography']['fontSize'];
}
$html->set_attribute('style', $settingsController->convertStylesToString($styles));
$html->set_attribute('style', \WP_Style_Engine::compile_css($styles, ''));
$blockContent = $html->get_updated_html();
}
$wrapperStyle = $settingsController->convertStylesToString([
$wrapperStyle = \WP_Style_Engine::compile_css([
'margin-top' => $parsedBlock['email_attrs']['margin-top'] ?? '0px',
]);
], '');
// \WP_HTML_Tag_Processor escapes the content, so we have to replace it back
$blockContent = str_replace('&#039;', "'", $blockContent);

View File

@@ -52,7 +52,7 @@ class Paragraph extends AbstractBlockRenderer {
<!--[if mso | IE]><table align="left" role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><![endif]-->
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:100%;"width="100%">
<tr>
<td class="' . esc_attr($classes) . '" style="' . $settingsController->convertStylesToString($styles) . '" align="' . $align . '">
<td class="' . esc_attr($classes) . '" style="' . \WP_Style_Engine::compile_css($styles, '') . '" align="' . $align . '">
{paragraph_content}
</td>
</tr>