How to edit and SAVE static webpages from browser?

Question

I had been using Dreamweaver in Windows.
Recently I shifted to Ubuntu, there I cant find any good alternative to Dreamweaver.

So I decided to use Firebug but Its good for editing CSS, Javascript. I dont find it useful for editing HTML (in place).
1. Is there any way that can enable inplace editing of text in browser itself?

The problem I faced with firebug is that I am unable to save the edited CSS files or js files.
2. Is there any way that can enable saving of edited data in firebug?
2nd one Answered: Why can't I save CSS changes in Firebug?

Note:
I have already tried Kompozer, NVU and Quanta Plus.

EDIT:
I am aware that webpages in remote server can not be edited directly in browser. I am talking about editing a local copy OR editing any webpage and saving a local copy of it.

Answer 1

Have a look at this: Why can't I save CSS changes in FireBug

Though there are good alternative editors that can be used to do many things that the dreamweaver can do, they never offer the comfort of Dreamweaver. You can install Wine and run dreamweaver on ubuntu . There's also Amaya , which is actually made by the W3C. I imagine it's also very light-weight and probably not even of the same caliber as Kompozer, but since it's the W3C's own creation then at least you can be certain that what you create with it is valid, if potentially simple.

Answer 2

1. Yes, you can edit text within the browser itself via this "Lord of the Web" JavaScript snippet :

document.body.contentEditable='true'; document.designMode='on';

for best results (JavaScript support from the address bar is spotty):

1. Use Chrome or Firefox
2. Enter snippet into browser's built-in JavaScript console (Firebug also works)
3. "Save as" web page, complete. (Note: paths to resources like JS scripts, CSS and image files may be modified.) I have confirmed the changes are preserved when saving to a local file from Chrome and Firefox.

---

2. Chrome now supports Live editing CSS, then saving to disk

1. Make changes to styles, as you do...
2. You can click through to the Sources pane and live-edit styles there, just like a text editor.
3. Right click and save to disk. choose where to save the file
4. Make some more changes
5. Just hit ctrl-s (or cmd-s) to immediately save back to disk in the same location.

Answer 3

At least for css you could use web developer toolbar . Install it, press ctrl+shift+e and there you go.

Answer 4

You can't edit in place in the browser as this would be a security risk - if this was possible, you could edit any website in the world...

I suggest using a dedicated HTML editor - there are many such for linux as well.