日期: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 极客标签
相关推荐
web-beautify, js美化格式 HTML,CSS和 javascript/json 网络美化 网页美化是 HTML 。CSS和 javascript/json的格式化包。 在 http://jsbeautifier.org/ 中使用命令行/node.js javascript格式化程序来格式化整个 htm
总的来说,`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...
这个库是基于Gulp.js,一个流行的JavaScript任务运行器,它使得开发者能够轻松地配置和执行一系列自动化任务,如文件合并、压缩、预处理等。 在前端开发中,我们经常需要将多个CSS文件合并成一个,以减少HTTP请求的...
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版的开源工具库放到了...
ChakraCore 是微软开源的 Microsoft Edge 浏览器 Chakra JavaScript 引擎的核心部分,主要用于 Microsoft Edge 和 Windows 中 HTML/CSS/JavaScript 编写的应用。ChakraCore 支持 x86/x64/ARM 架构 JavaScript 的 ...
在前端开发中,Bootstrap是一个非常流行的开源框架,它提供了丰富的CSS样式、JavaScript组件以及字体图标,使得网页设计和开发变得更加高效。"bootstrap.min.css.map"是与Bootstrap相关的文件,尤其在错误排查和调试...
6. **开源文化**:开源软件是现代软件开发的重要组成部分,ember-load-css作为开源项目,体现了开源社区的协作精神,开发者可以从中学习到优秀的代码实践和设计理念。 7. **项目结构**:ember-load-css-master可能...
`postcss-copy`是一个针对这种需求的前端开源库,它作为PostCSS的一个插件,专门处理CSS文件中引用的资产,如图片、字体和其他静态资源。本文将深入探讨`postcss-copy`的工作原理、安装与配置、使用场景以及其对前端...
NaiHeQiao, 开源 x86/x64用户模式反调试插件 NaiHeQiao菜单-> 插件-> NaiHeQiao -> 享受它-> 注入 dll飘云OD示例( 内置主流防反调试插件) 吾爱OD示例( 内置主流防反调试插件) ida
4. PhoneGap/Cordova:PhoneGap和Cordova是Adobe提供的开源框架,它们允许开发者使用Web技术(HTML5、CSS3和JavaScript)构建跨平台的移动应用,包括iOS。这些框架提供了一个中间层,使得JavaScript能够与原生的iOS ...
--[if ie6]> <style type="text/css"> .mask{position:absolute;height:800px;} .pop-box{_position:absolute;} </style> <![endif]-->`**: 使用条件注释为IE6提供额外的CSS样式。 ### 知识点二:CSS样式与布局 ##...
基于javaScript+html+css开发采用开源GIS平台实现地形图测绘+源码,适合毕业设计、课程设计、项目开发。项目源码已经过严格测试,可以放心参考并在此基础上延申使用~ 基于javaScript+html+css开发采用开源GIS平台...
一个基于HTML+CSS+JAVASCRIPT+PHP的在线文件管理系统,在utf-8编码的linux系统下可用,参照原型为PGRFilemanager,增加了公司所要求的一些功能,例如登陆系统,文件恢复系统,对于中文的支持等.zip 适合学习/练手、...
远程调试是Web开发者在优化手机网页时的一项重要技能,它允许开发者在PC上实时查看和修改手机端的CSS样式和JavaScript代码,无需频繁地在设备之间切换刷新。本教程主要介绍两种远程调试方法:Firefox浏览器内置的...