在线代码编辑器：Codeanywhere介绍

2024-06-01 14:55:59

本文分为几个部分：

1.Codeanywhere介绍

2.Codeanywhere使用前奏

3.Codeanywhere与Dropbox连接

4.Codeanywhere改变主题颜色

一、Codeanywhere介绍

Codeanywhere是一个在线的代码编辑器，你可以在浏览器中编写html、css、javascript、php、XML的代码，目前支持chrome、firefox、Opera、Safari、IE，当然也可以在android、iphone上安装codeanywhere的软件。

Codeanywhere的特点是：随时随地可以写代码（虽然我认为手机上写代码有点搞笑）。

主页： https://codeanywhere.net/

Codeanywhere支持连接FTP Server、Dropbox、Github，比如Dropbox，你只要有一个账号，连上Dropbox后，Codeanywhere能够在Dropbox上创建html等文件，你写的代码都存放在Dropbox上了。

二、Codeanywhere使用前奏

要使用codeanywhere之前，除了要注册账号之外，还要安装一个基于浏览器的插件，比如我用的是chrome，进入主页： https://codeanywhere.net/后在页面上方会弹出如下图所示：

安装好后在chrome浏览器中会有名为“codeanywhere utility“的插件，如下图所示：

三、Codeanywhere连接Dropbox

这里我们来演示一下Codeanywhere连接Dropbox：

步骤1：点击左侧Dropbox图标

步骤2：点击后会弹出如下图，点击connect：

步骤3：登录Dropbox

步骤4：授权Codeanywhere访问你的Dropbox账号，如下图：

这样，就可以在Codeanywhere的编辑器的左侧再次点击Dropbox，

下图中，我创建了一个codeanywhere文件夹，index.html的html文件，index.php的php文件。

从下图看出，支持HTML、Javascript的语法高亮。

并且会在右下角显示你打开的文件类型：

从下图看出，支持php语法高亮。

并且会在右下角显示你打开的文件类型：

四、Codeanywhere改变主题颜色

步骤1：点击上方的"View"

步骤2：点击"Preference"

步骤3：点击"Syntax Coloring"

步骤4：选择"Theme"

比如我选择了Bright，则php文件变成了：

在线代码编辑器：Codeanywhere介绍相关推荐

(视频) 《快速创建网站》 3.2 WordPress多站点及Azure在线代码编辑器－扔掉你的ftp工具吧，修改代码全部云端搞定...
本文是<快速创建网站>系列的第6篇,如果你还没有看过之前的内容,建议你点击以下目录中的章节先阅读其他内容再回到本文. 访问本系列目录,请点击:http://devopshub.cn/tag ...
au如何关闭预览编辑器_在线IDE开发入门之从零实现一个在线代码编辑器
前言 3年前在AWS re:Invent 大会上AWS 宣布推出 Cloud9, 用于在云端编写.运行和调试代码,它可以直接运行在浏览器中,也就是传说中的 Web IDE.3年后的今天随着国内云计算的 ...
WebRTC与Ace在线代码编辑器合作，实现实时协作编程
为什么80%的码农都做不了架构师?>>> 日期:2013-5-17 来源:GBin1.com 距离WebRTC真正的应用到一些很酷的应用中还有一段时日,但是即便是这样,很多开 ...
127.0.0.1 zxt.php_php单文件版在线代码编辑器使用方法
这篇文章主要介绍了php单文件版在线代码编辑器,个人感觉相当不错,分享给大家,需要的朋友可以参考下密码加密方式: * md5(自设密码+$ace) //$ace为cdn镜像地址使用方法: * 1. ...
HTML5网页在线代码编辑器源码适用各类项目代码在线编辑
介绍: HTML5网页在线代码编辑器,代码高亮显示,输入代码爆炸动态效果显示. 如果谁改造一下运行功能,那基本可以做一个在线编辑运行软件引流了网盘下载地址: http://kekewl.net/wu ...
这个在线代码编辑器，可以把代码分享给任何人！
我想你可能经历过想要运行一小段代码,但是身边没有代码编辑器的时候:或者即便有本地编辑器,你也会觉得打开它很麻烦(启动以及相关配置的过程) 如果你的代码片段不是很复杂,你只是想测试一下快速得到结果,你可 ...
前端常用的在线代码编辑器CodeSandbox
目录前言 CodeSandbox介绍多种模板代码选择 VSCode一致体验运行Node容器 CodeSandbox示例前言有时候需要经常写一些测试代码或示例,然后将这些代码分享给他人,少量的 ...
在线代码编辑器的实现原理与思路探讨？
在线代码编辑器在线编辑各种文本形式的源代码,如js,html,php等,要支持语法高亮,即时输入即时高亮. 我的初步想法是用一个 <div contenteditable>&l ...
使用 CodeMirror 打造属于自己的在线代码编辑器
前提写这个的目的是因为之前项目里用到过 CodeMirror,觉得作为一款在线代码编辑器还是不错,也看到过有些网站用到过在线代码编辑,当然我不知道他们是用什么做的,这里我把公司项目里用到的那部分抽出 ...
在线代码编辑器 CodeMirror 使用简介
在线代码编辑器 CodeMirror 使用简介 CodeMirror是一款在线的支持语法高亮的代码编辑器 github源码特点: 支持100多种语言支持多语言混合代码自动提示代码折叠键盘绑定 ...

最新文章

热门文章