Tiny-editor

基于 Ace 的在线代码编辑器
授权协议 GPL
开发语言 JavaScript HTML/CSS
所属分类 应用工具、 文档/文本编辑
软件类型 开源软件
地区 不详
投 递 者 姜振濂
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Tiny-editor 是和jsFiddle一样具有在线运行js功能的在线代码编辑器,基于Ace。

Demo:http://lipten.link/demo/editor

Usage

1.下载slidePage

git clone https://github.com/lipten/Tiny-editor.git

2.引用相关文件

<link rel="stylesheet" href="Tiny-editor.css"/>

3.引用js文件

<script src="http://cdn.bootcss.com/ace/1.2.3/ace.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="Tiny-editor.js"></script>

4.html结构

//--html结构比较复杂,看下载后的editor.html比较完整

5.初始化代码

var Tiny = new TinyEditor()

Method

Tiny.tab(num)

  •  tab显示第几个面板,num传序号,从1开始

Tiny.run()

  • 运行结果并跳到result面板

Tiny.save()

  • 保存代码至缓存

Tiny.fullScreen()

  • 全屏模式开启或关闭

Tiny.dockMode()

  • dock边栏模式开启或关闭

Tiny.liveMode()

  • 实时运行模式,发生change事件时执行一次,仅开启dock模式的前提下才能开启

  • Tiny-editor是和jsFiddle一样具有在线运行js功能的在线代码编辑器,基于Ace。 Usage 1.下载slidePage git clone https://github.com/lipten/Tiny-editor.git 2.引用相关文件 3.引用js文件 4.html结构 //--html结构比较复杂,看下载后的editor.html比较完整 5.初始化代码 var Tiny

  • Tiny-editor是和jsFiddle一样具有在线运行js功能的在线代码编辑器,基于Ace。 Demo:http://lipten.link/demo/editor Usage git clone https://github.com/lipten/Tiny-editor.git 3.引用js文件 4.html结构 //--html结构比较复杂,看下载后的editor.html比较完整 var

  • jsFiddle 为展示代码提供了便利,但就算能嵌入自己的网站也只能查看不能编辑运行,限制太大,更别谈自定义。要是有开源的这种在线运行编辑器就可以自己决定了,可惜我没找到,所以干脆自己做一个吧,自己研究了一下发现还挺简单的,实现原理应该跟 jsFiddle 差不多。  现在你可以在自己的网站嵌入自己定义的在线运行代码编辑器了,相对于单纯的展示代码还是优势非常大的。  目前该编辑器还不够成熟,希望有

  • 最近在使用antd design pro 4.0设计知识库版本管理 富文本编辑器选择了 braft-editor 文档地址:https://www.yuque.com/braft-editor/be/lzwpnr # 使用npm安装 npm install braft-editor --save # 使用yarn安装 yarn add braft-editor 接下来看如何在react中使用:

  • <script src="https://cdn.tiny.cloud/1/{usercode}/tinymce/5/tinymce.min.js" referrerpolicy="origin" type="text/javascript"></script> // rich text editor tinymce.init({ selector: 'textarea', la

 相关资料
  • 您不需要拥有自己的环境来开始学习C编程! 我们为您设置了一个在线编译器,可用于在线编译和执行程序。 对于本教程中提供的大多数示例,您将在代码框的右上角找到“试用”选项。 使用它来验证程序并使用不同的选项检查结果。 随意修改任何示例并在线执行。 一个HTML5编辑器 ,您可以在其中键入HTML/XHTML代码并在线查看结果。

  • ACE 是一个开源的、独立的、基于浏览器的代码编辑器,可以嵌入到任何web页面或JavaScript应用程序中。ACE支持超过40种语言语法高亮,并能够处理代码多达400万行的大型文档。ACE开发团队称,ACE在性能和功能上可以媲美本地代码编辑器(如Sublime Text、TextMate和Vim等)。  ACE是Mozilla Skywriter(以前称为Bespin)项目的继任者,并作为Cl

  • 本文向大家介绍php单文件版在线代码编辑器,包括了php单文件版在线代码编辑器的使用技巧和注意事项,需要的朋友参考一下 密码加密方式:  * md5(自设密码+$ace) //$ace为cdn镜像地址 使用方法:  * 1.确认 $pwd 变量值为 false, 上传本文件到PHP空间并访问  * 2.第一次访问提示设置密码,设置密码并牢记  * 3.使用第一次设置的密码登录后,默认编辑的是本ph

  • ACE 是一个实现了语法着色功能的基于 Web 的代码编辑器,具有良好的代码提示功能和大量的主题,所以在 Web 端你想拥有一个编辑器,ACE 是不二选择。 官网:https://ace.c9.io/

  • 了解代码编辑器 源代码编辑器是一个文本编辑程序, 专门为编辑计算机程序源代码的程序员而设计的, 它可能是一个独立的应用程序或内置在集成开发环境(IDE)或web浏览器中. 源代码编辑器是最基本的编程工具, ,作为程序员的基本工作就是编写和编辑源代码. - Wikipedia 前端代码可以被一个简单的文本编辑应用程序(如: Notepad 或 TextEdit), 但是, 大多数前端人员使用专门为一

  • 你马上就要写下第一行代码,现在该下载一个代码编辑器了! 注意在之前章节你可能已经完成了这一步,如果那样的话,你可以直接进入下一章节。 有很多不同的编辑器,通常根据个人偏好选择。 大部分 Python程序员使用像 PyCharm这样复杂但是功能强大的IDE (集成开发环境)。 然而,这可能不太适合初学者。我们建议使用同样强大但是更为简单的编辑器。 下面是我们的建议,但是你可以随时咨询你的教练。那样会