8
0
Просмотр исходного кода

Add microsoft word table sample.

Maciej Gołaszewski 6 лет назад
Родитель
Сommit
af994f72cf
1 измененных файлов с 227 добавлено и 0 удалено
  1. 227 0
      packages/ckeditor5-table/tests/manual/tablestyles.html

+ 227 - 0
packages/ckeditor5-table/tests/manual/tablestyles.html

@@ -25,6 +25,233 @@
 		</table>
 	</figure>
 
+	<h3>Table from Word</h3>
+
+	<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0
+		   style='border-collapse:collapse;border:none;mso-border-alt:solid windowtext .5pt;
+mso-yfti-tbllook:1184;mso-padding-alt:0in 5.4pt 0in 5.4pt'>
+		<tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+mso-border-alt:solid windowtext .5pt;background:#92D050;padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>w<o:p></o:p></p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:solid windowtext 1.0pt;
+border-left:none;border-bottom:dotted #FFC000 3.0pt;border-right:solid windowtext 1.0pt;
+mso-border-left-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+mso-border-bottom-alt:dotted #FFC000 3.0pt;padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border:solid windowtext 1.0pt;
+border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border:solid windowtext 1.0pt;
+border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border:solid windowtext 1.0pt;
+border-left:none;mso-border-left-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:1'>
+			<td width=30 valign=top style='width:22.25pt;border-top:none;border-left:
+solid windowtext 1.0pt;border-bottom:solid windowtext 1.0pt;border-right:
+dotted #FFC000 3.0pt;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:
+solid windowtext .5pt;mso-border-right-alt:dotted #FFC000 3.0pt;background:
+#92D050;padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:none;border-left:
+none;border-bottom:dotted #FFC000 3.0pt;border-right:dotted #FFC000 3.0pt;
+mso-border-top-alt:dotted #FFC000 3.0pt;mso-border-left-alt:dotted #FFC000 3.0pt;
+padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>Funny border<o:p></o:p></p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:dotted #FFC000 3.0pt;
+mso-border-alt:solid windowtext .5pt;mso-border-left-alt:dotted #FFC000 3.0pt;
+padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:dashed red 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;mso-border-bottom-alt:dashed red .5pt;
+padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>Border bottom<o:p></o:p></p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:2;height:70.35pt'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:dotted #FFC000 3.0pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;mso-border-top-alt:dotted #FFC000 3.0pt;
+padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:dashed red .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;mso-border-top-alt:dashed red .5pt;
+padding:0in 5.4pt 0in 5.4pt;height:70.35pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:.1in .5in .5in .5in;height:70.35pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>margin<o:p></o:p></p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:3;height:31.0pt'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>TL<o:p></o:p></p>
+			</td>
+			<td width=125 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+				<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:center;line-height:normal'>TC<o:p></o:p></p>
+			</td>
+			<td width=138 valign=top style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+				<p class=MsoNormal align=right style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:right;line-height:normal'>TR<o:p></o:p></p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:4;height:31.0pt'>
+			<td width=30 valign=top style='width:22.25pt;border:solid windowtext 1.0pt;
+border-top:none;mso-border-top-alt:solid windowtext .5pt;mso-border-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border:none;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-right-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;
+height:31.0pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=125 style='width:93.5pt;border-top:none;border-left:none;
+border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>L<o:p></o:p></p>
+			</td>
+			<td width=125 style='width:93.5pt;border-top:none;border-left:none;
+border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+				<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:center;line-height:normal'>C<o:p></o:p></p>
+			</td>
+			<td width=138 style='width:93.5pt;border-top:none;border-left:none;
+border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:31.0pt'>
+				<p class=MsoNormal align=right style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:right;line-height:normal'>R<o:p></o:p></p>
+			</td>
+		</tr>
+		<tr style='mso-yfti-irow:5;mso-yfti-lastrow:yes;height:30.1pt'>
+			<td width=30 valign=top style='width:22.25pt;border-top:none;border-left:
+solid windowtext 1.0pt;border-bottom:solid windowtext 1.0pt;border-right:
+none;mso-border-top-alt:solid windowtext .5pt;mso-border-top-alt:solid windowtext .5pt;
+mso-border-left-alt:solid windowtext .5pt;mso-border-bottom-alt:solid windowtext .5pt;
+background:#92D050;padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'><o:p>&nbsp;</o:p></p>
+			</td>
+			<td width=220 valign=top style='width:164.75pt;border:none;padding:0in 5.4pt 0in 5.4pt;
+height:30.1pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>No border<o:p></o:p></p>
+			</td>
+			<td width=125 valign=bottom style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-top-alt:solid windowtext .5pt;
+mso-border-bottom-alt:solid windowtext .5pt;mso-border-right-alt:solid windowtext .5pt;
+padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+				<p class=MsoNormal style='margin-bottom:0in;margin-bottom:.0001pt;line-height:
+normal'>BL<o:p></o:p></p>
+			</td>
+			<td width=125 valign=bottom style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+				<p class=MsoNormal align=center style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:center;line-height:normal'>BC<o:p></o:p></p>
+			</td>
+			<td width=138 valign=bottom style='width:93.5pt;border-top:none;border-left:
+none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt;
+mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid windowtext .5pt;
+mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt;height:30.1pt'>
+				<p class=MsoNormal align=right style='margin-bottom:0in;margin-bottom:.0001pt;
+text-align:right;line-height:normal'>BR<o:p></o:p></p>
+			</td>
+		</tr>
+	</table>
+
 	<h3>Table from GDocs</h3>
 	<table style="border:none;border-collapse:collapse;width:468pt;table-layout:fixed">
 		<colgroup>