新ツール完成 (テスト版で御免なさい)

2017年10月28日

お待たせしました。新しいツールを紹介します。
ページの作成でデザイン部分にスタイルシートを利用しますが、楽天広場では、タグごとにスタイルシートを設定する必要があります。
通常の作成ソフトは、外部ファイルかヘッダー内にスタイルシートを記述する形式のため、楽天広場用に手作業で修正する必要がありました。
これを自動的に行うようにしたのが、今回のツールです。
まだ外部ファイルには対応できていませんが、将来対応の予定です。
現時点ではテスト版として公開いたします。
HTML文以外を処理すると動作が停止してしまうという不具合があります。
HTML文なのに動作に不具合がありましたら、ご報告お願いいたします。
感想もお待ちしております。
トップページから[楽天ページ用変換]をクリックしてください。
【変換前】
<style type="text/css">
<!–
.title {
background-color: #FFCCFF;
margin: 2px;
padding: 2px;
border: 1px dotted #0033CC;
text-align: center;
}
.bigtitle {
font-size: large;
font-weight: bolder;
color: #666666;
padding: 10px;
text-align: center;
}
.text {
color: #3300FF;
border: 2px double #996666;
}
.comment {
background-color: #33FFFF;
border: 4px dotted #00CC66;
}
.line {
font-size: 9px;
color: #FF0000;
}
td {
font-size: 9px;
color: #FF0000;
}
–>
</style>
<table width="100%" >
<tr>
<td colspan="3" class="bigtitle">タイトル
<hr class="line"></td>
</tr>
<tr>
<td class="title"><div>画像リンク</div></td>
<td class="title"><div align="left">画像リンク</div></td>
<td class="title"><div align="right" style="font-size:10px">画像リンク</div></td>
</tr>
<tr>
<td class="text">テキスト</td>
<td class="text">テキスト</td>
<td>テキスト</td>
</tr>
<tr class="comment">
<td class="text">コメント</td>
<td>コメント</td>
<td>コメント</td>
</tr>
</table>
【変換後】
<table width="100%">
<tr>
<td colspan="3" style="font-size: 9px;color: #FF0000;font-size: large;font-weight: bolder;color: #666666;padding: 10px;text-align: center;">タイトル
<hr style="font-size: 9px;color: #FF0000;"></td>
</tr>
<tr>
<td style="font-size: 9px;color: #FF0000;background-color: #FFCCFF;margin: 2px;padding: 2px;border: 1px dotted #0033CC;text-align: center;"><div>画像リンク</div></td>
<td style="font-size: 9px;color: #FF0000;background-color: #FFCCFF;margin: 2px;padding: 2px;border: 1px dotted #0033CC;text-align: center;"><div>画像リンク</div></td>
<td style="font-size: 9px;color: #FF0000;background-color: #FFCCFF;margin: 2px;padding: 2px;border: 1px dotted #0033CC;text-align: center;"><div>画像リンク</div></td>
</tr>
<tr>
<td style="font-size: 9px;color: #FF0000;color: #3300FF;border: 2px double #996666;">テキスト</td>
<td style="font-size: 9px;color: #FF0000;color: #3300FF;border: 2px double #996666;">テキスト</td>
<td style="font-size: 9px;color: #FF0000;">テキスト</td>
</tr>
<tr style="background-color: #33FFFF;border: 4px dotted #00CC66;">
<td style="font-size: 9px;color: #FF0000;color: #3300FF;border: 2px double #996666;">コメント</td>
<td style="font-size: 9px;color: #FF0000;">コメント</td>
<td style="font-size: 9px;color: #FF0000;">コメント</td>
</tr>
</table>