#powershell #html-table #colors #office365 #html-email
#powershell #html-таблица #Цвет #office365 #html-электронная почта
Вопрос:
Уважаемые коллеги-программисты,
Я изо всех сил старался найти решение этой проблемы, но в конце концов решил создать учетную запись stackoverflow и обратиться за помощью.
Что я пытаюсь сделать:
1. Получите входные данные из нескольких источников.
2. Поместите эти данные в таблицы и отформатируйте их как «Таблица сетки 5 с темным акцентом 5».
3. Выведите эти таблицы в электронном письме.
С какой проблемой я сталкиваюсь:
— Поскольку количество столбцов и строк меняется каждый раз, когда я хотел бы сгенерировать электронное письмо, кажется невозможным применить «Таблицу сетки 5 с темным акцентом 5» ко всем таблицам и по-прежнему выводить как электронное письмо.
Что я сделал до сих пор:
1. Я попытался применить css в целом к таблицам, что сработало бы, если бы я знал все столбцы и строки заранее, чего, к сожалению, у меня нет. Мне не удалось реализовать HTML-теги TR, а только TH и TD.
2. Я также попытался применить css к каждому фрагменту html (= table), используя параметр -CSSUri, но, похоже, это не разрешено в сочетании с параметром fragment.
код
Приведенный ниже код представляет собой примерный результат, но вместо простого html css, применяемого в начале, «Таблица сетки 5 Темный акцент 5» должен быть применен ко всем таблицам.
Скопируйте и вставьте приведенные ниже фрагменты кода по порядку в среду разработки Powershell IDE и запустите их целиком. Появится электронное письмо. Вместо общего синего цвета ко всем таблицам следует применить «Таблица сетки 5 с темным акцентом 5».
Применение общего стиля ко всем таблицам (вместо этого должно быть «Таблица сетки 5 с темным акцентом 5»):
function table_style {
$style = "<head><style>BODY{font-size: 12pt;}";
$style = "TABLE{border: 3px solid black; border-collapse: collapse; overflow-x:auto;}";
$style = "TH{border: 2px solid black; background: #4472C4; padding: 4px; }";
$style = "TD{border: 2px solid black; padding: 7px; }";
$style = "</style></head>";
return $style;
}
Создание первой таблицы (данные будут извлечены из API):
function Table1_creation {
$Table = New-Object System.Data.DataTable
$col1 = New-Object system.Data.DataColumn Table1_Column1,([string]);
$col2 = New-Object system.Data.DataColumn Table1_Column2,([string]);
$col3 = New-Object system.Data.DataColumn Table1_Column3,([string]);
$Table.columns.add($col1);
$Table.columns.add($col2);
$Table.columns.add($col3);
$Tablerows = "Table1_Column1_Row2","Table1_Column1_Row3","Table1_Column1_Row4","Table1_Column1_Row5","Table1_Column1_Row6";
foreach ($Row in $Tablerows) {
$row = $Row;
$Table.rows.add($row) | Out-Null;
}
return $Table | Select Table1_Column1, Table1_Column2, Table1_Column3 | ConvertTo-Html -Fragment ;
}
Создание второй таблицы (данные будут извлечены из API):
function Table2_creation {
$Table = New-Object System.Data.DataTable
$col1 = New-Object system.Data.DataColumn Table2_Column1,([string]);
$col2 = New-Object system.Data.DataColumn Tabl2_Column2,([string]);
$Table.columns.add($col1);
$Table.columns.add($col2);
$Tablerows = "Table2_Column1_Row2","Table2_Column1_Row3","Table2_Column1_Row4";
foreach ($Row in $Tablerows) {
$row = $Row;
$Table.rows.add($row) | Out-Null;
}
return $Table | Select Table2_Column1, Tabl2_Column2 | ConvertTo-Html -Fragment;
}
Creating the third table (will pull data from API):
function Table3_creation {
$Table = New-Object System.Data.DataTable
$col1 = New-Object system.Data.DataColumn Table3_Column1,([string]);
$col2 = New-Object system.Data.DataColumn Table3_Column2,([string]);
$col3 = New-Object system.Data.DataColumn Table3_Column3,([string]);
$col4 = New-Object system.Data.DataColumn Table3_Column4,([string]);
$col5 = New-Object system.Data.DataColumn Table3_Column5,([string]);
$col6 = New-Object system.Data.DataColumn Table3_Column6,([string]);
$Table.columns.add($col1);
$Table.columns.add($col2);
$Table.columns.add($col3);
$Table.columns.add($col4);
$Table.columns.add($col5);
$Table.columns.add($col6);
$Tablerows = "Table3_Column1_Row2","Table3_Column1_Row3";
foreach ($Row in $Tablerows) {
$row = $Row;
$Table.rows.add($row) | Out-Null;
}
return $Table | Select Table3_Column1, Table3_Column2, Table3_Column3, Table3_Column4, Table3_Column5, Table3_Column6 | ConvertTo-Html -Fragment;
}
Создание x-й таблицы с неизвестными столбцами и строками с данными из API:
#Create tables
Генерация всех таблиц и добавление заголовков:
function generate_Table1 {
$html = insert_heading "THIS IS TABLE 1";
$html = Table1_creation;
return $html;
}
function generate_Table2 {
$html = insert_heading "THIS IS TABLE 2";
$html = Table2_creation;
return $html;
}
function generate_Table3 {
$html = insert_heading "THIS IS TABLE 3";
$html = Table3_creation;
return $html;
}
Создание электронного письма:
function generate_Email {
$mail = $Outlook.CreateItem(0);
$emailHTML = $(table_style);
$emailHTML = if (!$tables) {
generate_Table1;
generate_Table2;
generate_Table3;
} else {
Write-Host -ForegroundColor Red "Error...";
}
Write-Host -ForegroundColor Green "Generating Email...";
$mail.HTMLBody = "$emailHTML";
$inspector = $mail.GetInspector;
$inspector.Display();
}
generate_Email;
Комментарии:
1. Похоже, вы пропустили функцию
insert_heading
. Почему все это не завернуто в<html>...</html>
? Насколько я знаю, в<style>
разделе должно быть<head>..</head>
определение, а содержимое должно быть внутри<body>..</body>
.2. Кроме того, поскольку для нужного вам стиля требуется определить намного больше стилей, чем у вас есть (т. Е. Строки окрашены в цвет зебры, столбец 1 имеет черный фон и белый шрифт и т.д.), Это означает, что вам нужно добавить встроенный стиль к элементам таблицы. (встроенный или класс, потому что Outlook не лучший рендеринг html ..).
ConvertTo-Html -Fragment
не сделает этого за вас. P.S. в PowerShell вам не нужно, чтобы каждая строка заканчивалась точкой с запятой;
. Рассматривали ли вы возможность создания HTML-кода в StringBuilder вместо постоянного объединения строк?3. Спасибо тебе, Тео, за безумно быстрый ответ! Как вы могли видеть с точкой с запятой в конце каждой строки, я не эксперт ни в PS, ни в HTML. Я загляну в StringBuilder для построения html. Спасибо за четкий ответ и помощь!
Ответ №1:
Другой способ — преобразовать html в XmlDocument, а затем добавить атрибуты стиля. Используя XPath, вы можете эффективно придать ему стиль.
filter Add-InlineStyle {
$doc = [xml]$_
# body
$doc.SelectNodes("//body").SetAttribute("style", "font-size: 12pt")
# tables
$doc.SelectNodes("//table").SetAttribute("style", "font-size: 11pt; border: 2px solid black; border-collapse: collapse; overflow-x: auto")
# column headers
$doc.SelectNodes("//th").SetAttribute("style", "border: 0.5px solid white; text-align: center; padding: 0px 5px; font-weight: bold; color: white; background: black")
# row headers
$doc.SelectNodes("//td[1]").SetAttribute("style", "border: 0.5px solid white; text-align: center; padding: 0px 5px; font-weight: bold; color: white; background: black")
# even rows
$doc.SelectNodes("//tr[position() mod 2 = 0]/td[position() != 1]").SetAttribute("style", "border: 0.5px solid white; text-align: right; padding: 0px 5px; background: #CCCCCC")
# odd rows
$doc.SelectNodes("//tr[position() mod 2 = 1]/td[position() != 1]").SetAttribute("style", "border: 0.5px solid white; text-align: right; padding: 0px 5px; background: #999999")
$doc.OuterXml;
}
Использование приведено ниже.
$data1 = @"
Table1,Column1,Column2
Row1,1,2
Row2,3,4
Row3,5,6
Row4,7,8
Row5,9,10
"@
$data2 = @"
Table2,Column1
Row1,1
Row2,2
Row3,3
"@
$data3 = @"
Table3,Column1,Column2,Column3,Column4,Column5
Row1,1,2,3,4,5
Row2,6,7,8,9,10
"@
$html = @(
"<html><body>"
"This is table1"
$data1 | ConvertFrom-Csv | ConvertTo-Html -Fragment
"This is table2"
$data2 | ConvertFrom-Csv | ConvertTo-Html -Fragment
"This is table3"
$data3 | ConvertFrom-Csv | ConvertTo-Html -Fragment
"</body></html>"
) | Out-String | Add-InlineStyle
Комментарии:
1. Спасибо тебе, рокумару, за твой ответ! Ваше решение также работает!
2. Отличное решение! ( 1)
Ответ №2:
Как указано, вам нужно сделать намного больше стилей, чтобы имитировать стиль таблицы «Grid Table 5 Dark Accent 5» из Word. Поскольку Outlook не обрабатывает отображение HTML, как это может современный браузер, код требует довольно большого количества встроенных определений стиля.
Поскольку ConvertTo-Html -Fragment
этого сделать невозможно, вам нужно вручную создать HTML-таблицы.
Приведенный ниже код выполняет это с помощью функции in ConvertTo-HtmlTable
. В качестве параметра ожидается либо System.Data.DataTable
объект, либо массив PSCustomObjects.
# needed for [System.Web.HttpUtility]::HtmlEncode()
Add-Type -AssemblyName System.Web
function ConvertTo-HtmlTable {
[CmdletBinding()]
param(
[Parameter(Mandatory = $true, Position = 0)]
[object]$Table
)
if ($Table -is [System.Data.DataTable]) {
# convert to array of PSCustomObjects
$Table = $Table | Select-Object * -ExcludeProperty ItemArray, Table, RowError, RowState, HasErrors
}
# manually build the HTML table
$tdFirst = '<td style="background: black; color: white; font-weight: bold;">'
$tdOdd = '<td style="background: #999999;">'
$tdEven = '<td style="background: #CCCCCC;">'
# add the headers row
$headers = @($Table[0].PSObject.Properties | Select -ExpandProperty Name)
$tbl = New-Object -TypeName System.Text.StringBuilder
[void]$tbl.Append('<table><thead><tr>')
foreach ($col in $headers) {
[void]$tbl.Append("<th>$col</th>")
}
[void]$tbl.Append('</tr></thead><tbody>')
# next add the data rows
$row = 0
$Table | ForEach-Object {
[void]$tbl.AppendLine('<tr>')
for ($col = 0; $col -lt $headers.Count; $col ) {
[string]$val =$_.$($headers[$col])
$td = if ($col -eq 0) { $tdFirst } elseif ($row -band 1) { $tdOdd } else { $tdEven }
[void]$tbl.Append($td)
$data = if ([string]::IsNullOrWhiteSpace($val)) { 'amp;nbsp;' } else { [System.Web.HttpUtility]::HtmlEncode($val) }
[void]$tbl.AppendLine("$data</td>")
}
[void]$tbl.AppendLine('</tr>')
$row
}
[void]$tbl.Append('</tbody></table>')
return $tbl.ToString()
}
Теперь, когда у нас есть эта функция, вы можете использовать ее в своих TableX_creation
функциях, подобных этой:
function Table1_creation {
$Table = New-Object System.Data.DataTable
$col1 = New-Object system.Data.DataColumn Table1_Column1,([string])
$col2 = New-Object system.Data.DataColumn Table1_Column2,([string])
$col3 = New-Object system.Data.DataColumn Table1_Column3,([string])
$Table.columns.add($col1)
$Table.columns.add($col2)
$Table.columns.add($col3)
$Tablerows = "Table1_Column1_Row2","Table1_Column1_Row3","Table1_Column1_Row4","Table1_Column1_Row5","Table1_Column1_Row6"
foreach ($row in $Tablerows) {
$Table.Rows.Add($row) | Out-Null
}
$result = ConvertTo-HtmlTable $Table
$Table.Dispose()
return $result
}
function Table2_creation {
$Table = New-Object System.Data.DataTable
$col1 = New-Object system.Data.DataColumn Table2_Column1,([string])
$col2 = New-Object system.Data.DataColumn Tabl2_Column2,([string])
$Table.columns.add($col1)
$Table.columns.add($col2)
$Tablerows = "Table2_Column1_Row2","Table2_Column1_Row3","Table2_Column1_Row4"
foreach ($Row in $Tablerows) {
$Table.Rows.Add($row) | Out-Null
}
$result = ConvertTo-HtmlTable $Table
$Table.Dispose()
return $result
}
function Table3_creation {
$Table = New-Object System.Data.DataTable
$col1 = New-Object system.Data.DataColumn Table3_Column1,([string])
$col2 = New-Object system.Data.DataColumn Table3_Column2,([string])
$col3 = New-Object system.Data.DataColumn Table3_Column3,([string])
$col4 = New-Object system.Data.DataColumn Table3_Column4,([string])
$col5 = New-Object system.Data.DataColumn Table3_Column5,([string])
$col6 = New-Object system.Data.DataColumn Table3_Column6,([string])
$Table.columns.add($col1)
$Table.columns.add($col2)
$Table.columns.add($col3)
$Table.columns.add($col4)
$Table.columns.add($col5)
$Table.columns.add($col6)
$Tablerows = "Table3_Column1_Row2","Table3_Column1_Row3"
foreach ($Row in $Tablerows) {
$Table.Rows.Add($row) | Out-Null
}
$result = ConvertTo-HtmlTable $Table
$Table.Dispose()
return $result
}
Затем я выполнил функцию для объединения всех этих HTML-фрагментов:
function Generate_Html {
Write-Host -ForegroundColor Green "Generating Email Body..."
# main style settings mimicing "Grid Table 5 Dark Accent 5"
$style = @'
<head>
<style>
BODY { font-size: 12pt; font-family: calibri, Arial, Helvetica, sans-serif; }
TABLE { font-size: 11pt; font-family: calibri, Arial, Helvetica, sans-serif;
border: 0.5px solid white; border-collapse: collapse; overflow-x:auto; color: white; width: auto; }
TH { border: none;background: black; padding: 0 8px 0 8px; font-weight: bold; text-align: left; }
TD { border: 0.5px solid white; padding: 0 8px 0 8px; color: black; text-align: left; }
</style>
</head>
'@
$sb = New-Object -TypeName System.Text.StringBuilder
[void]$sb.AppendLine("<html>")
[void]$sb.AppendLine($style)
[void]$sb.AppendLine("<body>")
if (!$tables) {
[void]$sb.AppendLine('<h3>THIS IS TABLE 1</h3>')
[void]$sb.AppendLine((Table1_creation))
[void]$sb.AppendLine('<h3>THIS IS TABLE 2</h3>')
[void]$sb.AppendLine((Table2_creation))
[void]$sb.AppendLine('<h3>THIS IS TABLE 3</h3>')
[void]$sb.AppendLine((Table3_creation))
}
else {
Write-Host -ForegroundColor Red "Error...";
}
[void]$sb.AppendLine("</body></html>")
return $sb.ToString()
}
Итак, в конце вы делаете свой Outlook примерно так:
# I'm guessing you create your `$Outlook` variable sort of like below
if(([System.Diagnostics.Process]::GetProcessesByName("OUTLOOK")).length -gt 0){
$Outlook = [Runtime.InteropServices.Marshal]::GetActiveObject("Outlook.Application")
}
else {
$Outlook = New-Object -comObject Outlook.Application
}
$mail = $Outlook.CreateItem(0)
$mail.HTMLBody = Generate_Html
$inspector = $mail.GetInspector
$inspector.Display()
Конечный результат должен выглядеть следующим образом