iCode：开源的在线 html/css/js 编辑器

iCode，一款开源的在线 html/css/js 编辑器。

为什么要创建 iCode？

是的，市面上已经有很多成熟的产品，比如 jsfiddle、codepen 等，为什么要再来一个呢？很简单：练手 ?

一方面，iCode 比较适合练手 css/Vue 等技术，另一方面自己平时也可能会用到 iCode 来测试代码。

iCode 有什么特点？

即使是练手项目，iCode 还是有些自己的特点的：

html/css/js/preview 四分布局，非常类似于我自己平时用的 iTerm2
交互上，也类似于 iTerm2：高亮当前 Panel，可拖拽调整 Panel 大小

快捷键支持（我是效率控）：
- ⌘1/2/3/4 显示隐藏 html/js/css/preview 区域
- ⌘Enter 手动运行代码
基础的编辑器支持，如自动缩进、语法高亮、语法检查等
代码保存在浏览器本地存储中

默认编辑后自动运行代码，如果担心有太多次不必要的执行，可以点页面右下角设置按钮，取消该选项。

iCode 还差什么？

距离一款成熟的在线编辑器，iCode 还差很多，比如：

浏览器适配，手机适配
多项目支持；目前 iCode 仅支持单项目代码
云端保存代码，跨浏览器运行
代码可嵌入网站
上传资源文件
更多界面布局、主题
…

源码

GitHub
在线示例

npm run serve，你懂的。

欢迎交流~

iCode：开源的在线 html/css/js 编辑器相关推荐

在线js编辑器来喽！CodeMirror页面代码编辑器
背景介绍:在公司的开发平台使用时需要用到js代码编写输入框,大家都是在vscode之类的编辑器写好后粘贴,在用重构项目的时候想到了这里的弊端,想在页面上也可以有js 的结构可编写代码,就清晰方便很多. ...
开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面
NanUI是什么 NanUI基于ChromiumFX项目进行开发,它能让你在你的Winform应用程序中使用HTML5/CSS3/Javascript等网页技术来呈现用户界面(类似Electron). ...
自己用js做的在线word文档编辑器oarword-doc/docx文档编辑、导出导出
分享自己用js做的在线word文档编辑器oarword 支持基本doc/docx文档编辑,导出和导出,类似google docs和zoho 源码分享在Github:https://github.com ...
开源的在线html编辑器,22个国外的Web在线编辑器收集
1. TinyMCE 免费,开源,轻量的在线编辑器,基于 javascript,高度可定制,跨平台.2. FCKEditor 免费,开源,用户量庞大的在线编辑器,有良好的社区支持.3. YUI Edi ...
计算机毕设网页设计源码——HTML+CSS+JS+Bootstrap在线音乐试听播放网站模板
HTML5期末大作业:HTML+CSS+JS+Bootstrap在线音乐试听播放网站模板(24页) 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见网页设计作业题材 ...
html+css+js实现文本编辑器
html+css+js实现文本编辑器简介:本文讲解,如何制作使用html+css+js实现一个好看的文本编辑器. 效果展示当文本框聚焦的时候,就是显示textarea,然后是可编辑的,这个时候可以 ...
开源的在线MIDI编辑器signal
前言中秋节宅在家折腾了几个项目,选题的范围涵盖了人工智能.网盘.游戏和音乐,但是几乎差点颗粒无收,成功率只有可怜的 25% Real-ESRGAN 这是一套算法,简单的说是就是把低分辨率的模糊图像, ...
介绍一个开源的在线文档编辑器Etherpad
我记得google doc刚出来的时候让人眼前一亮,今天偶然间发现一个也是支持多人在线编写文档的编辑器Etherpad,很有意思的一个开源项目(据说谷歌发现这个项目很有前途就把它买下来开源出来),我下 ...
在线压缩html/css/js文件成一行
在线压缩html/css/js文件成一行: 压缩网站为:http://tool.oschina.net/jscompress/ 将源码压缩成一行,去掉文中的一些注释和空格以及空行,好处是: 1.减小文 ...
网页文件管理php源码,KODExplorer 开源的Web在线文件管理、代码编辑器 v4.40
KODExplorer是款开源的Web在线文件管理.代码编辑器.它提供了类windows经典用户界面,一整套在线文件管理.文件预览.编辑.上传下载.在线解压缩.音乐播放功能.让你直接在浏览器端实现we ...

iCode：开源的在线 html/css/js 编辑器

为什么要创建 iCode？

iCode 有什么特点？

iCode 还差什么？

源码

iCode：开源的在线 html/css/js 编辑器相关推荐

最新文章

热门文章