当前位置: 首页 > 工具软件 > Tiny-editor > 使用案例 >

html ace编辑器,Tiny-editor基于Ace的在线代码编辑器

白宏大
2023-12-01

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 Tiny = new TinyEditor()

Method

Tiny.tab(num)

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

Tiny.run()

运行结果并跳到result面板

Tiny.save()

保存代码至缓存

Tiny.fullScreen()

全屏模式开启或关闭

Tiny.dockMode()

dock边栏模式开启或关闭

Tiny.liveMode()

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

 类似资料: