javascript - How to edit and SAVE static webpages from browser? - Stack Overflow

admin管理员组

文章数量:1296456

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.

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.

• javascript
• html
• css
• editor
• firebug

Share Improve this question Follow edited May 23, 2017 at 11:51 CommunityBot 111 silver badge asked Apr 30, 2011 at 7:55 Rahul PrasadRahul Prasad 8,22288 gold badges4545 silver badges4949 bronze badges 5

• Why not use an editor and just F5? You'll be a lot more productive with something like Vim once you get past the learning curve. – Demian Brecht Commented Apr 30, 2011 at 7:58
• Have you tried Wine? There's some information about running Dreamweaver on Wine here. – icktoofay Commented Apr 30, 2011 at 7:59
• @Demian Brecht: I mentioned in the question that I cant find any good alternative for Dreamweaver in Linux. If you know one plz suggest. I have tried Kompozer, NVU and Quanta Plus. – Rahul Prasad Commented Apr 30, 2011 at 8:17
• @icktoofay: Latest Dreamweaver is not supported, and I am really looking for alternative of dreamweaver. Also wine takes alot of resources. – Rahul Prasad Commented Apr 30, 2011 at 8:18
• 1 If you explained what features you are missing, you might get a better answer. – Oded Commented Apr 30, 2011 at 8:19

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 3

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 fort 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.

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

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, plete. (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.

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.

本文标签： javascriptHow to edit and SAVE static webpages from browserStack Overflow