(HTML編集モードではなく、装飾がそのまま反映されるモードで貼り付け)
これは何?
スタイルシート(CSS)を適用したテキストを、コピーアンドペーストでブログへ張り付けることができます。装飾が見たまま反映されるモードで、スタイルシート付きテキストを張り付けられるため、HTML の知識が無くても簡単にスタイルシート付きテキストをブログの記事へ張り付けることができます。
※ すべてのブログサービスで動作は確認していないため、期待通りにスタイルシート(CSS)付きのテキストをコピーできない可能性があります。
技術的特徴
入力された「表示するテキスト」、「テキストのスタイルシート(CSS)」を以下の形式でプレビューします。<span style="テキストのスタイルシート(CSS)">表示するテキスト</span>
スタイルシート付きテキストは、iframe タグにて表示しているため、このブログに適用されている余分なスタイルシートがコピーされないはずです。
→ iframe タグの srcdoc 属性に対応していないブラウザでも動作するように改良しました。
以下のブラウザバージョンで、正常に動作することを確認しました。
- Chrome : 40.0.2214.111 m
- Firefox : 35.0.1
- Internet Explorer : 9.0.8112.16421, 11.0.9600.17501