`

开源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
分享到:
评论

相关推荐

    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

    前端开源库-typed-css-modules-loader

    `typed-css-modules-loader` 解决了这个问题,通过与TypeScript的集成,它为CSS模块提供了类型定义,使开发者能够在编写JSX或其他JavaScript代码时享受到IDE的智能提示和类型检查。 使用`typed-css-modules-loader`...

    前端开源库-postcss-import-resolver

    **前端开源库-postcss-import-resolver** 在前端开发中,我们经常使用CSS预处理器如PostCSS来提升CSS的可维护性和扩展性。然而,随着项目的复杂度增加,尤其是在多个CSS模块互相引用时,可能会出现导入路径冲突的...

    前端开源库-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...

    前端开源库-gulp-concat-css

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

    bootstrap.min.css.map

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

    前端开源库-webpack-handle-css-loader

    Webpack 是一个强大的模块打包工具,它允许开发者将JavaScript、HTML、CSS以及其他资源文件组合成一个或多个优化过的静态资源,以便于在Web应用中高效地加载和运行。`webpack-handle-css-loader`是针对Webpack的一个...

    基于Java、JavaScript和CSS的xxl-job开源项目学习与实践设计源码

    本项目是一套基于Java、JavaScript和CSS的xxl-job开源项目学习与实践设计源码,共包含285个文件,其中Java源文件132个,PNG图片文件35个,JavaScript文件35个,XML文件16个,CSS文件12个,FTL模板文件11个,属性文件...

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

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

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

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

    微软开源的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开发技能的读者而言,这本书提供了非常...

    前端开源库-postcss-copy

    `postcss-copy`是一个针对这种需求的前端开源库,它作为PostCSS的一个插件,专门处理CSS文件中引用的资产,如图片、字体和其他静态资源。本文将深入探讨`postcss-copy`的工作原理、安装与配置、使用场景以及其对前端...

    dongdalu-html--css--java-script-master_sql_MYSQL_

    综上所述,这个开源项目提供的面试题库将涵盖前端的HTML、CSS和JavaScript,以及后端的SQL(特别是MySQL)的诸多知识点。对于准备Java面试的开发者来说,熟练掌握这些技能至关重要,它们不仅能够帮助你理解Web开发的...

    一个基于HTML+CSS+JAVASCRIPT+PHP的在线文件管理系统

    一个基于HTML+CSS+JAVASCRIPT+PHP的在线文件管理系统,在utf-8编码的linux系统下可用,参照原型为PGRFilemanager,增加了公司所要求的一些功能,例如登陆系统,文件恢复系统,对于中文的支持等.zip 适合学习/练手、...

    NaiHeQiao, 开源 x86/x64用户模式反调试插件.zip

    NaiHeQiao, 开源 x86/x64用户模式反调试插件 NaiHeQiao菜单-&gt; 插件-&gt; NaiHeQiao -&gt; 享受它-&gt; 注入 dll飘云OD示例( 内置主流防反调试插件) 吾爱OD示例( 内置主流防反调试插件) ida

Global site tag (gtag.js) - Google Analytics