`

开源javascript/html/css的在线运行和调试 - editr

阅读更多

日期:2013-5-6  来源:GBin1.com

开源javascript/html/css的在线运行和调试 - editr

大家肯定熟悉极客社区的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> 

网站地址:https://github.com/Idered/editr

via 极客标签

来源:开源javascript/html/css的在线运行和调试 - editr

0
0
分享到:
评论

相关推荐

    前端开源库-css-split-webpack-plugin

    **前端开源库-CSS-Split-Webpack-Plugin详解** 在前端开发中,Webpack 已经成为了一种不可或缺的模块打包工具,它能够处理JavaScript、CSS、图片等多种资源,并且通过配置实现模块化、优化和自动化流程。而在CSS的...

    web-beautify, js美化格式 HTML,CSS和 javascript/json.zip

    web-beautify, js美化格式 HTML,CSS和 javascript/json 网络美化 网页美化是 HTML 。CSS和 javascript/json的格式化包。 在 http://jsbeautifier.org/ 中使用命令行/node.js javascript格式化程序来格式化整个 htm

    bootstrap-table-fixed-columns(css,js)

    总的来说,`bootstrap-table-fixed-columns`是一个增强Bootstrap表格功能的工具,它通过CSS和JavaScript实现了固定列效果,使得用户在处理大量数据时能更有效地导航。了解并熟练掌握这个扩展的使用,将有助于提升...

    基于HTML/CSS/JavaScript/PHP的上海锦麒行旅游信息咨询有限公司官网设计源码开源

    本项目为上海锦麒行旅游信息咨询有限公司官网设计源码,开源提供,包含250个文件,涵盖92个JPG图片、64个PNG图片、27个SCSS样式表、15个SVG矢量图形、14个JavaScript脚本、9个CSS样式表、6个EOT字体、6个WOFF字体、6...

    前端开源库-semantic-ui-css

    综上所述,"前端开源库-semantic-ui-css" 是一个强大的前端设计工具,旨在简化和加速 Web 开发过程,通过语义化的 CSS 类名提供美观且易用的用户界面。无论你是新手还是经验丰富的开发者, Semantic UI CSS 都能帮助...

    前端开源库-postcss-js-mixins

    **前端开源库——PostCSS JS Mixins** 在前端开发领域,优化代码复用性和可维护性是至关重要的。为了实现这一目标,开发者通常会利用预处理器(如Sass、Less)提供的mixin功能。然而,PostCSS作为一种现代化的CSS...

    前端开源库-css-loader-bbq

    4. **源映射**:提供源映射(source map)支持,帮助开发者在浏览器调试时定位原始 CSS 代码,而非转换后的 JavaScript 代码。 5. **配合其他 Loader**:CSS-Loader-BBQ 常常与 MiniCssExtractPlugin 结合使用,将...

    前端开源库-postcss-filter-gradient

    **前端开源库——PostCSS Filter Gradient** 在前端开发中,我们常常面临兼容性问题,特别是对于老旧浏览器的支持。为了提供良好的用户体验,我们需要确保网站在各种浏览器中都能正常工作。PostCSS Filter Gradient...

    Brackets - 强大免费的开源跨平台Web前端开发工具IDE (HTML/CSS/Javascript代码编辑器)

    Brackets是一款专为Web前端开发者设计的强大而免费的集成开发环境(IDE),它以其开源性质吸引了全球众多开发者...无论是构建响应式布局、调试CSS样式还是编写JavaScript代码,Brackets都能提供高效且直观的工作流程。

    情人节程序员用HTML网页表白【生日快乐动画】HTML+CSS+JavaScript HTML5七夕情人节表白网页源码

    - **HBuilder**: 快速高效的HTML/CSS/JavaScript开发工具。 - **Vscode**: 微软提供的免费开源代码编辑器。 - **Sublime**: 高性能文本编辑器。 - **Webstorm**: JetBrains开发的一款强大的JavaScript开发工具。 - *...

    前端开源库-gulp-concat-css

    这个库是基于Gulp.js,一个流行的JavaScript任务运行器,它使得开发者能够轻松地配置和执行一系列自动化任务,如文件合并、压缩、预处理等。 在前端开发中,我们经常需要将多个CSS文件合并成一个,以减少HTTP请求的...

    bootstrap.min.css.map

    在前端开发中,Bootstrap是一个非常流行的开源框架,它提供了丰富的CSS样式、JavaScript组件以及字体图标,使得网页设计和开发变得更加高效。"bootstrap.min.css.map"是与Bootstrap相关的文件,尤其在错误排查和调试...

    基于PHP和HTML/CSS/JavaScript的中国首个开源学校教务管理系统设计源码

    本资源提供了一套基于PHP和HTML/CSS/JavaScript的中国首个开源学校教务管理系统设计源码,包含1697个文件,其中包括675个PHP源代码文件,398个GIF图片文件,167个HTML页面文件,113个JavaScript脚本文件,90个PNG...

    百度地图JSAPI GL版的JavaScript开源工具库

    本代码库是基于百度地图JSAPI GL版的JavaScript开源工具库,如果使用的是2D地图的话,参考旧的[2D开源库](https://github.com/huiyan-fe/BMap-JavaScript-library)。 ## 如何使用 我们在将GL版的开源工具库放到了...

    前端开源库-typed-css-modules (1).zip

    在现代前端开发中,TypeScript作为JavaScript的超集,提供了更强大的类型检查和静态分析能力,而CSS Modules则是一种模块化的CSS处理方式,它允许我们在编写CSS时使用局部作用域,避免样式冲突,提高代码复用性。...

    微软开源的JavaScript引擎 ChakraCore.zip

    ChakraCore 是微软开源的 Microsoft Edge 浏览器 Chakra JavaScript 引擎的核心部分,主要用于 Microsoft Edge 和 Windows 中 HTML/CSS/JavaScript 编写的应用。ChakraCore 支持 x86/x64/ARM 架构 JavaScript 的 ...

    前端开源库-ember-load-css

    6. **开源文化**:开源软件是现代软件开发的重要组成部分,ember-load-css作为开源项目,体现了开源社区的协作精神,开发者可以从中学习到优秀的代码实践和设计理念。 7. **项目结构**:ember-load-css-master可能...

    深入学习PHP,MySQL,javascript,CSS,html5

    本书《深入学习PHP,MySQL, JavaScript, CSS, HTML5》深入探讨了web开发的各个方面,包含前端和后端的设计与优化,以及数据库MySQL的详细讲解和优化方法。对于有志于提高Web开发技能的读者而言,这本书提供了非常...

    bootstrap-3.3.7-dist.rar,免费下载

    Bootstrap 3.3.7 是一个广泛使用的前端开发框架,由Twitter开发并开源,它极大地简化了网页设计和响应式布局的实现。这个版本的Bootstrap是稳定且成熟的,提供了丰富的预定义样式、组件和JavaScript插件,使得开发者...

    前端开源库-gemstone-loader-css.zip

    这里我们关注的是“gemstone-loader-css.zip”这个开源库,它专注于CSS的加载和处理。本文将深入探讨这个库的核心功能、工作原理以及它在实际项目中的应用。 一、gemstone-loader-css概述 “gemstone-loader-css”...

Global site tag (gtag.js) - Google Analytics