BlueGriffonのバグ：tableタグ内のtdタグで「セルの分割」をするとtdタグではなくtbタグが作られて失敗する
2021/5/19 7:55頃。
BlueGriffonはWYSIWYG方式でウェブページの編集が行えるフリーソフトウェアで最初からウェブページを作成するとソースが汚くなるが編集ならば汚くなりにくく便利なソフト。BlueGriffonにはいくつかのバグがあるらしく、空行が勝手に挿入されたり、新たに保存したら別名で保存する時に保存用ダイアログが表示されずに反応が無くなって保存できず強制終了せざるを得なくなったりするバグには遭遇していたが、今回、表の編集を試したところ、致命的なバグに遭遇した。
元のソース。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>bluegriffonの表修正のバグ：セルの分割に失敗する</title>
<style type="text/css">
<!--
table{width:600px;border-collapse:collapse;border-spacing:0px;}
tbody,th,td {border:1px solid gray;}
td {text-align:center;vertical-align:top;padding:5px;width:100px;}
-->
</style>
</head>
<body>
<table>
<tbody>
<tr><th><br></th><th>A</th><th>B</th><th>C</th><th>D</th><th>E</th></tr>
<tr>
<th>1</th>
<td>A1</td>
<td>B1</td>
<td>C1</td>
<td>D1</td>
<td>E1</td>
</tr>
<tr>
<th>2</th>
<td rowspan="3">A2</td>
<td rowspan="3">B2</td>
<td rowspan="3">C2</td>
<td>D2</td>
<td>E2</td>
</tr>
<tr>
<th>3</th>
<td>D3</td>
<td>E3</td>
</tr>
<tr>
<th>4</th>
<td>D4</td>
<td>E4</td>
</tr>
<tr>
<th>5</th>
<td>A5</td>
<td>B5</td>
<td>C5</td>
<td>D5</td>
<td>E5</td>
</tr>
</tbody>
</table>
</body>
</html>
BlueGriffonでの表示
C2のセルで「セルの分割」を行ったら次のような表示なった。
C3に相当するセルは選択ができず、C4のセルが削除されて左に詰めたようになっている。ソースを別の名前で保存して確認したら次のようになっていた。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>bluegriffonの表修正のバグ：セルの分割に失敗する</title>
<style type="text/css">
<!--
table{width:600px;border-collapse:collapse;border-spacing:0px;}
tbody,th,td {border:1px solid gray;}
td {text-align:center;vertical-align:top;padding:5px;width:100px;}
-->
</style>
</head>
<body>
<table>
<tbody>
<tr><th><br></th><th>A</th><th>B</th><th>C</th><th>D</th><th>E</th></tr>
<tr>
<th>1</th>
<td>A1</td>
<td>B1</td>
<td>C1</td>
<td>D1</td>
<td>E1</td>
</tr>
<tr>
<th>2</th>
<td rowspan="3">A2</td>
<td rowspan="3">B2</td>
<td rowspan="1">C2</td>
<td>D2</td>
<td>E2</td>
</tr>
<tr>
<th>3</th>
<tb rowspan="2"></tb><td>D3</td>
<td>E3</td>
</tr>
<tr>
<th>4</th>
<td>D4</td>
<td>E4</td>
</tr>
<tr>
<th>5</th>
<td>A5</td>
<td>B5</td>
<td>C5</td>
<td>D5</td>
<td>E5</td>
</tr>
</tbody>
</table>
</body></html>
C2セルが「rowspan="1"」になるのは正しいが、D3セルの前に「<tb rowspan="2"></tb>」が挿入されている。これが「<td rowspan="2"></td>」なら正しいが、<tb></tb>という間違ったタグが挿入されてしまった。
この別名で保存したファイルを再びBlueGriffonで開いたら次のように表示された。
C3とC4セルが削除されて左に詰められたようになっている。ソースを確認したら次のようになっていた。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>bluegriffonの表修正のバグ：セルの分割に失敗する</title>
<style type="text/css">
<!--
table{width:600px;border-collapse:collapse;border-spacing:0px;}
tbody,th,td {border:1px solid gray;}
td {text-align:center;vertical-align:top;padding:5px;width:100px;}
-->
</style>
</head>
<body>
<tb rowspan="2"></tb><table>
<tbody>
<tr><th><br></th><th>A</th><th>B</th><th>C</th><th>D</th><th>E</th></tr>
<tr>
<th>1</th>
<td>A1</td>
<td>B1</td>
<td>C1</td>
<td>D1</td>
<td>E1</td>
</tr>
<tr>
<th>2</th>
<td rowspan="3">A2</td>
<td rowspan="3">B2</td>
<td rowspan="1">C2</td>
<td>D2</td>
<td>E2</td>
</tr>
<tr>
<th>3</th>
<td>D3</td>
<td>E3</td>
</tr>
<tr>
<th>4</th>
<td>D4</td>
<td>E4</td>
</tr>
<tr>
<th>5</th>
<td>A5</td>
<td>B5</td>
<td>C5</td>
<td>D5</td>
<td>E5</td>
</tr>
</tbody>
</table>
</body></html>
「<tb rowspan="2"></tb>」の位置が変わって無視されているらしい。これはFirefoxで表示しても同じ。
コメント
コメントを投稿