Webページ(html)を指定場所で 改ページ 印刷する方法


Webページを任意の場所で 改ページ 印刷する方法
 
いろいろ考えましたが..
 
簡単にできそうなのは 次の二つ位しか思いつきませんでした..

ブラウザを 編集モードにして改ページ印刷
 
SourceEditor(Firefoxアドオン)で 改ページコードを挿入して 改ページ印刷


 

ブラウザを 編集モードにして改ページ印刷


 
ブラウザを編集モードにして「改行等」を挿入し、任意の場所で改ページ印刷
Firefox でWebページを表示
○○○
ScrapBook アイコンをクリックして ScrapBook をオンにします。
DOMイレーサー で印刷に必要ない部分を消します。( 必要ない方はパス )
○○
Page Hacker で Firefox を 編集モード にします。
○○○
改ページしたい場所に「改行・段落」等の「改ページ コード」を挿入します。
○○○○○○○( 元へ戻す でやり直し )
■ Firefox の 印刷プレビュー で確認
○○○
■ Firefox で 印刷




改ページしたい場所に「改行・空段落」を挿入
◇ マウスクリックで表示させたキャレット位置に

・[Shift]+[Enter]キーで改行が入ります。
・[Enter]キーで段落が入ります。






■ 改ページしたい場所に「改ページ コード」を挿入・例
◇ 下の「改ページ コード」を 改ページさせたい場所に コピペしてください

この部分(一行)を「反転選択」→ コピー
○○○
□□ここで改ページ□□
○○○
「□□ここで改ページ□□」の(一行)全文字を コピペしてください



〚 コピーするコード 〛
<span style="color:#FFFFFF; page-break-after:always;">□□ここで改ページ□□</span>
 
 ※ 注意 こちらをコピーしてもテキストデータしかコピーされません




■ 背景色も印刷すると 上のコードでは、
  「□□ここで改ページ□□」が白抜きで印刷される場合があるので、
◇ 下の「改ページ コード」を 改ページさせたい場所に コピペしてください

この部分(一行)を「反転選択」→ コピー

        

この部分「        」(空白)をすべて(一行)コピーしてください






SourceEditor で 改ページコードを挿入して 改ページ印刷


 
SourceEditor(Firefoxアドオン)で「改ページコード」を挿入して 改ページ印刷
Firefox でWebページを表示
○○○
ScrapBook アイコンをクリックして ScrapBook をオンにします。
DOMイレーサー で印刷に必要ない部分を消します。( 必要ない方はパス )
○○○
SourceEditor アドオンバーアイコンをクリックして SourceEditor をオンにして
○○○
改ページしたい位置のブロックをダブルクリックすると、
    直接 HTMLソースを編集できるようになります。
○○○
■ そこへ「改ページ コード」を挿入
SourceEditor アドオンバーアイコンをクリックして SourceEditor をオフにします。
○○○○○○○( やり直す場合は SourceEditor をオンに )
■ Firefox の 印刷プレビュー で確認
○○○
■ Firefox で 印刷


■ コピペ コード ・例
<span style="page-break-after:always;">&nbsp;&nbsp;</span>
 style="page-break-after:always;"




関連記事
プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム