20个在线代码编辑器和开发工具文档格式.docx
《20个在线代码编辑器和开发工具文档格式.docx》由会员分享,可在线阅读,更多相关《20个在线代码编辑器和开发工具文档格式.docx(4页珍藏版)》请在冰豆网上搜索。
BluePenEditorisaPHP-poweredCSSeditorthatcanbeinstalledtoanystaticordynamicwebsiteandmakesliveCSSeditingpossible.Oncetriggered(withabookmarklet),itopenstheeditorwidgetandmakesallHTMLelementshoverablesothatblupePencanlocatetheCSSrulesofthem(likeChromeDevTools).
Source
2.DirtyMarkupDirtyMarkupisafreeweb-basedapplicationforcleaningupsuchcodeveryeasily.IthassupportforHTML(5),CSSandJavaScriptbycombiningthepowersofthepopularHTMLTidy,CSSTidyandJSBeautify.
Theeditorusedisthesimple+functionalAceEditorandtherearemultipleoptionsforeachbeautifiertogetthebestresults.
3.RendraOnlineHTML5EditorRenderaisanonlineHTML5editorwhichrendersarealtimepreviewofyourcurrentworkalsotransformyourcurrentworkintoCSS,RenderasupportsHAMLandSASS.RenderamakeslearningHTML5andCSS3easyanditisbuiltwithCoffeeScriptandSinatra.
4.MaqettaMaqettaisanopensourceprojectthatprovidesWYSIWYGvisualauthoringofHTML5userinterfaces.TheMaqettaapplicationitselfisauthoredinHTML,andthereforerunsinthebrowserwithoutrequiringadditionalpluginsordownloads.Maqettaisavailableunderacommercial-friendlyopensourcelicense.Youcandownloadthesourcecodeandinstallitonyourownserver,customizethecodetofityourneedsand/orcontributeimprovementstotheopensourceproject.
5.AmyEditorAmyEditorisacollaborativetextandsourcecodeeditorfordevelopers.ItsupportJavaScript,Ruby,PHP,C#,Java,HTML,YAML,etc…programminglanguages.IthasSyntaxHighlighting,Smartindentationforeachlanguage,Codefolding,Unlimitedundo/redo,Customizablekeyshortcuts,etc…Youcaneasilychangethecolorthemesoftheeditoreasily.
6.JSBinJSBinisawebappspecificallydesignedtohelpJavaScriptandCSSfolktestsnippetsofcode,withinsomecontext,anddebugthecodecollaboratively.
JSBinallowsyoutoeditandtestJavaScriptandHTML.Onceyou’rehappyyoucansave,andsendtheURLtoapeerforrevieworhelp.Theycanthenmakefurtherchangessavinganewifrequired.
7.CSSDeskCSSDeskisanOnlineCSSSandbox.ItallowspeopletoquicklytestsnippetsofCSScode,andwatchtheresultappearlive.Ihadveryhighambitionsfortheproject.Therearelinenumbersandsyntaxhighlightingappearliveinthetextboxasyoutype.Oneofthegreatestthingsisthatitallowsuserstosharetheircodewithothersaswell.
8.EditpadEditPadissimpleandminimal.Nosyntaxhighlighting,noprojectmanagement…Justaplainpagetotypeyourtextwithoutanydistractions.
9.RegExrRegExrisanonlinetoolforeditingandtestingRegularExpressions(RegExp/RegEx).ItprovidesasimpleinterfacetoenterRegExexpressions,andvisualizematchesinreal-timeeditablesourcetext.ItalsoprovidesahandyRegExpsnippetsidebarwithdescriptionsandusageexamplestomakeiteasiertolearnRegularExpressionsthroughtrialanderror.
10.CodeanywhereCodeanywhereisacodeeditorinabrowserwithanintegratedftpclient,andallpopularwebformatsaresupported(HTML,PHP,JavaScript,CSS,andXML).
11.9ne9ne(PronouncedNine)isaniceonlinetexteditor,basedonthewellknownGNUEmacs.9neprovidesmostofthebasicEmacsfunctionalitiesandcurrentlysupportsXMLandJavascriptsyntaxhighlightingmodes.
12.DrawterDrawterisatoolwritteninJavaScriptandbasedonjQuerylibrary.Itprovidesyouthepossibilitytoliterallydrawyourwebsite’scode.Itrunsoneverysingleweb-browserwhichmakesitreallyusefulandhelpful.Eachtagispresentedasalayeryouhavedrawn.
13.ShiftEditShiftEditprovidescodecompletion,syntaxhighlighting,liveediting,revisionhistoryandmanymore.
14.DarkcopyDarkCopyisasimple,full-screentexteditorfordistractionfreewriting.DarkCopyisforanyonewhoenjoysthesimplicityofatypewriter,andwantstoincreaseproductivitybyfocusingonlyonwriting.
15.jsFiddlejsFiddleisashelleditorthateaseswritingJavaScriptcodebycreatingacustomenvironmentbasedonpopularJSframeworks.Youcanselecttheframework&
amp;
theversionofyourchoice(MooTools,jQuery,Dojo,Prototype,YUI,Glow,Vanilla).Also,ifthereis,youcanaddacomplimentaryframeworklikejQueryUIorMooToolsMoreAgreatfeatureistheabilitytosave&
sharethecodecreatedwithauniqueURLgenerated.Optionally,jsFiddlehasanembeddingfeaturetoo.Itisanalmostperfectplatformfortrying&
sharingyourJavaScriptcodewithouttheneedofawebsite.
16.Cloud9IdECloud9IDEisanopensourceapplicationthataimstoprovideapowerfulandfocusedIDEfor