日期：2013-5-6 来源：GBin1.com
大家肯定熟悉极客社区的gbdebug，jsfiddle和jsbin等在线调试和运行服务，今天这里我们介绍一个开源的在线运行服务，你可以非常方便的整合到自己的网站中。
主要特性
- 依赖jQuery和ACE Eidtor
- 配置简单a
- 支持单页面多个实例
- 可以通过JS对象或者HTML属性来配置
如何使用
导入js：
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"></script> <script src="/editr/editr.js"></script>
导入css：
<link rel="stylesheet" href="/editr/editr.css">
HTML代码：
<div class="editr" data-item="flat-ui" data-files="switch.html; radio.html; !normalize.css; radio.css; switch.css"></div>
via 极客标签
相关推荐
**前端开源库-CSS-Split-Webpack-Plugin详解** 在前端开发中，Webpack 已经成为了一种不可或缺的模块打包工具，它能够处理JavaScript、CSS、图片等多种资源，并且通过配置实现模块化、优化和自动化流程。而在CSS的...
web-beautify, js美化格式 HTML，CSS和 javascript/json 网络美化 网页美化是 HTML 。CSS和 javascript/json的格式化包。 在 http://jsbeautifier.org/ 中使用命令行/node.js javascript格式化程序来格式化整个 htm
通过这个项目，学习者可以更加深刻地理解HTML、CSS、JavaScript和PHP在Web开发中的实际应用，从而提升自身的技术水平和项目的开发能力。 此外，该项目还包含了一个LICENSE文件，这是该项目的许可证文件，它定义了...
总的来说，`bootstrap-table-fixed-columns`是一个增强Bootstrap表格功能的工具，它通过CSS和JavaScript实现了固定列效果，使得用户在处理大量数据时能更有效地导航。了解并熟练掌握这个扩展的使用，将有助于提升...
综上所述，"前端开源库-semantic-ui-css" 是一个强大的前端设计工具，旨在简化和加速 Web 开发过程，通过语义化的 CSS 类名提供美观且易用的用户界面。无论你是新手还是经验丰富的开发者， Semantic UI CSS 都能帮助...
**前端开源库——PostCSS JS Mixins** 在前端开发领域，优化代码复用性和可维护性是至关重要的。为了实现这一目标，开发者通常会利用预处理器（如Sass、Less）提供的mixin功能。然而，PostCSS作为一种现代化的CSS...
4. **源映射**：提供源映射（source map）支持，帮助开发者在浏览器调试时定位原始 CSS 代码，而非转换后的 JavaScript 代码。 5. **配合其他 Loader**：CSS-Loader-BBQ 常常与 MiniCssExtractPlugin 结合使用，将...
**前端开源库——PostCSS Filter Gradient** 在前端开发中，我们常常面临兼容性问题，特别是对于老旧浏览器的支持。为了提供良好的用户体验，我们需要确保网站在各种浏览器中都能正常工作。PostCSS Filter Gradient...
Brackets是一款专为Web前端开发者设计的强大而免费的集成开发环境（IDE），它以其开源性质吸引了全球众多开发者...无论是构建响应式布局、调试CSS样式还是编写JavaScript代码，Brackets都能提供高效且直观的工作流程。
- **HBuilder**: 快速高效的HTML/CSS/JavaScript开发工具。 - **Vscode**: 微软提供的免费开源代码编辑器。 - **Sublime**: 高性能文本编辑器。 - **Webstorm**: JetBrains开发的一款强大的JavaScript开发工具。 - *...
这个库是基于Gulp.js，一个流行的JavaScript任务运行器，它使得开发者能够轻松地配置和执行一系列自动化任务，如文件合并、压缩、预处理等。 在前端开发中，我们经常需要将多个CSS文件合并成一个，以减少HTTP请求的...
前端利用JavaScript和CSS技术实现用户交互界面和视觉呈现，而后端则采用Java语言处理数据逻辑。Eclipse集成开发环境作为项目的开发和运行平台，提供了必要的支持和工具，使得整个系统能够顺利地完成设计、开发和部署...
Webpack 是一个强大的模块打包工具，它允许开发者将JavaScript、HTML、CSS以及其他资源文件组合成一个或多个优化过的静态资源，以便于在Web应用中高效地加载和运行。`webpack-handle-css-loader`是针对Webpack的一个...
本资源提供了一套基于PHP和HTML/CSS/JavaScript的中国首个开源学校教务管理系统设计源码，包含1697个文件，其中包括675个PHP源代码文件，398个GIF图片文件，167个HTML页面文件，113个JavaScript脚本文件，90个PNG...
本代码库是基于百度地图JSAPI GL版的JavaScript开源工具库，如果使用的是2D地图的话，参考旧的[2D开源库](https://github.com/huiyan-fe/BMap-JavaScript-library)。 ## 如何使用 我们在将GL版的开源工具库放到了...
本项目所提供的基于JavaScript的HTML/CSS水果前端设计源码，集合了多种文件类型和前端技术，为开发者提供了一个高效的起点，以构建一个具有视觉吸引力和交互性的水果主题网站。 首先，该源码包含了多个HTML文件，...
在现代前端开发中，TypeScript作为JavaScript的超集，提供了更强大的类型检查和静态分析能力，而CSS Modules则是一种模块化的CSS处理方式，它允许我们在编写CSS时使用局部作用域，避免样式冲突，提高代码复用性。...
一个基于HTML+CSS+JAVASCRIPT+PHP的在线文件管理系统，在utf-8编码的linux系统下可用，参照原型为PGRFilemanager，增加了公司所要求的一些功能，例如登陆系统，文件恢复系统，对于中文的支持等.zip 适合学习/练手、...
6. **开源文化**：开源软件是现代软件开发的重要组成部分，ember-load-css作为开源项目，体现了开源社区的协作精神，开发者可以从中学习到优秀的代码实践和设计理念。 7. **项目结构**：ember-load-css-master可能...
本书《深入学习PHP，MySQL, JavaScript, CSS, HTML5》深入探讨了web开发的各个方面，包含前端和后端的设计与优化，以及数据库MySQL的详细讲解和优化方法。对于有志于提高Web开发技能的读者而言，这本书提供了非常...