日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

スタイル付きテキストを、コピーでブログに張り付け

スタイル付きのテキストを、コピーアンドペーストで簡単にブログへ貼り付けできます!
(HTML編集モードではなく、装飾がそのまま反映されるモードで貼り付け)


これは何?

スタイルシート(CSS)を適用したテキストを、コピーアンドペーストでブログへ張り付けることができます。

装飾が見たまま反映されるモードで、スタイルシート付きテキストを張り付けられるため、HTML の知識が無くても簡単にスタイルシート付きテキストをブログの記事へ張り付けることができます。


※ すべてのブログサービスで動作は確認していないため、期待通りにスタイルシート(CSS)付きのテキストをコピーできない可能性があります。


技術的特徴

入力された「表示するテキスト」、「テキストのスタイルシート(CSS)」を以下の形式でプレビューします。

<span style="テキストのスタイルシート(CSS)">表示するテキスト</span>


スタイルシート付きテキストは、iframe タグにて表示しているため、このブログに適用されている余分なスタイルシートがコピーされないはずです。


なお、このページが正常に動作するには、iframe タグの srcdoc 属性に対応したブラウザが必要です。

残念ながら、Internet Explorer 9(9.0.8112.16421) , Internet Explorer 11(11.0.9600.17501) では動作しませんでした。
→ iframe タグの srcdoc 属性に対応していないブラウザでも動作するように改良しました。

以下のブラウザバージョンで、正常に動作することを確認しました。

  • Chrome : 40.0.2214.111 m
  • Firefox : 35.0.1
  • Internet Explorer : 9.0.8112.16421, 11.0.9600.17501


変更履歴

2015/3/13 モバイル表示での操作性を向上