ShiftEdit: Web Based IDE

[adam.jimenez]

ShiftEdit is a new web-based IDE for editing HTML/ CSS/ JS and PHP.

It uses ExtJS and the excellent extensions: FileTreePanel and DDTabPanel.

These are some of the features:
Syntax highlighting, Integrated FTP/ SFTP, Tabs, Find/Replace, Revision history, Realtime Syntax checking + it's free

http://shiftedit.net

[lorezyra]

ShiftEdit is a new web-based IDE for editing HTML/ CSS/ JS and PHP.

It uses ExtJS and the excellent extensions: FileTreePanel and DDTabPanel.

These are some of the features:
Syntax highlighting, Integrated FTP/ SFTP, Tabs, Find/Replace, Revision history, Realtime Syntax checking + it's free

http://edit.shiftcreate.com/

Is there a place I can download this beautiful source??

[tippy]

I would love to download the source as well!

[Animal]

On first impression, you can see over panelling. Thick blue lines showing that there is a lot of nesting of Panels going on.

I do not know if the nesting is necessary, but if it is, then Containers should be used in preference to Panels.

[Animal]

It is over nested. The center region of the page is a Panel which contains a TabPanel.

It should just BE a TabPanel.

[lorezyra]

Looks okay in FF3+...
IE chokes on an error in your shiftedit.js file... You might want to run that script through http://jslint.com ...

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; OfficeLiveConnector.1.4; OfficeLivePatch.1.3; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; Creative AutoUpdate v1.40.01)
Timestamp: Fri, 3 Sep 2010 00:45:11 UTC


Message: Expected identifier, string or number
Line: 1013
Char: 7
Code: 0
URI: http://edit.shiftcreate.com/filetree/js/Ext.ux.FileTreePanel.js


Message: Object doesn't support this property or method
Line: 6905
Char: 9
Code: 0
URI: http://edit.shiftcreate.com/BespinEmbedded-0.9a1/BespinEmbedded.js


Message: Expected identifier, string or number
Line: 1
Char: 5971
Code: 0
URI: http://edit.shiftcreate.com/js/shiftedit.js

[adam.jimenez]

It is over nested. The center region of the page is a Panel which contains a TabPanel.

It should just BE a TabPanel.

Damn you've got a good eye there animal!

I've fixed that issue, and will roll it out in a few days.

Thanks for pointing that out, you're a legend on these forums!

[adam.jimenez]

Looks okay in FF3+...
IE chokes on an error in your shiftedit.js file... You might want to run that script through http://jslint.com ...

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; OfficeLiveConnector.1.4; OfficeLivePatch.1.3; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; Creative AutoUpdate v1.40.01)
Timestamp: Fri, 3 Sep 2010 00:45:11 UTC


Message: Expected identifier, string or number
Line: 1013
Char: 7
Code: 0
URI: http://edit.shiftcreate.com/filetree/js/Ext.ux.FileTreePanel.js


Message: Object doesn't support this property or method
Line: 6905
Char: 9
Code: 0
URI: http://edit.shiftcreate.com/BespinEmbedded-0.9a1/BespinEmbedded.js


Message: Expected identifier, string or number
Line: 1
Char: 5971
Code: 0
URI: http://edit.shiftcreate.com/js/shiftedit.js

Bespin relies on canvas which is a no-go in IE.

I've added fall-back support for code-mirror.