Page Hackerを使ってWebページを編集


閲覧中のWebページをブラウザ上で編集できる
Firefoxアドオン「Page Hacker
Web ページを印刷する前の編集
ScrapBookでページを保存する前に編集する
テキストエディタとして使う(空のタブで利用)など様々な用途につかえます。

Page_Hacker1s.png



【 使用方法・できる事 とか 】


■ ツールバーに追加したドクロアイコンのクリックか
   [Ctrl+F2]キーで編集モードが有効/無効になります。

sbf0002s.png
 
---------------------------------------------------------------------------------
 
・Webページの画像の移動、サイズ変更
・Webページにテキストを追加、削除、配置を変更
・テーブルも行の追加、削除、サイズ変更もできます。

・他のサイトを開き、もってきたいコンテンツをコピー、ペーストできます。
 (CSSとかは飛んでしまいますが、画像などはそのままコピーできます)
 
---------------------------------------------------------------------------------
 
◇ 選択してのち
・[Delete]キーで削除

◇ マウスクリックで表示させたキャレット位置へ
・[Shift]+[Enter]キーで改行が入ります。
・[Enter]キーで段落が入ります。

◇ 右クリメニュー

ph002g.png

---------------------------------------------------------------------------------
 
■ 編集モード 有効/無効の判断( これが 分かりにくい )
・ページをクリックして キャレットが表示されれば 編集モード 有効





【 WYSIWYGエディタとの併用でもう少し高度(?)な編集 】

◇ WYSIWYGエディタへコピペして編集 ⇒ 編集済みデータをコピーして貼り付け

prototype.jsでクロスブラウザなWYSIWIGエディタ - AUSGANG SOFT
elRTE - オープンソースWYSIWYGエディタ for Web


 


[関連リンク]


Page Hacker | Firefox アドオン | Mozilla Japan ダウンロード
Page Hacker - Firefox更新情報 Wiki*

閲覧中のWebページをブラウザ上で編集できる Page Hacker 1.2 | FOX x FOX
画面レビューにめちゃくちゃ便利なFireFoxプラグイン - EC studio 技術ブログ
最近入れてみて、おぉ!と思った Firefox アドオン 4 つ | バシャログ。
Page Hackerでwebページ内の文字列を変更 - YouTube
資料作りに便利なツール - NHN Japan ディレクターブログ
Evernoteを使うなら絶対に知っておくべき神アドオンの使い方 - MakeWebService
編集したwebページのevernoteへの取り込みと確認 - YouTube

Mozilla Re-Mix: Firefoxに"Dreamweaver"ライクなHTMLエディタ「Codetch」

ブックマークレット Webページ 編集 - google
Mozilla Re-Mix: webページ上で選択部分のHTMLソースを編集「SourceEditor」
Mozilla Re-Mix: ページを自在に編集できるブックマークレット。
Mozilla Re-Mix: ページを自由自在に編集してソースを取得できる「Edit Page」
Mozilla Re-Mix: 要素を自由に動かせるブックマークレット「Liquid Page」
ページ編集モード :: ブックマークレット
窓の杜 - ページを編集した上で印刷できるブックマークレット“Print Friendly”
不要なものを消去::ブックマークレット
ウェブサイトの制作・検証に役立つブックマークレット集 | コリス
[ajax]quickedit - HTMLリアルタイム編集(ブックマークレット)
不要な部分を消してからプリントできる便利なブックマークレット | kotaログ






関連記事
プロフィール

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

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム