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

基于Ace可实时运行的代码编辑器，相当于开源的jsFiddle，可以打造属于自己的代码编辑器！
https://github.com/lipten/Tiny-editor

Last synced: about 1 month ago
JSON representation

基于Ace可实时运行的代码编辑器，相当于开源的jsFiddle，可以打造属于自己的代码编辑器！

• Host: GitHub
• URL: https://github.com/lipten/Tiny-editor
• Owner: lipten
• Created: 2016-03-19T14:31:29.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2021-04-13T10:37:55.000Z (over 3 years ago)
• Last Synced: 2024-08-03T09:11:26.148Z (4 months ago)
• Language: JavaScript
• Homepage: http://codeasily.net/editor
• Size: 9.77 KB
• Stars: 110
• Watchers: 6
• Forks: 23
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-github-star - Tiny-editor

README

        
demo案例：

http://codeasily.net/editor

### -update v0.1-

1.测试版，目前有个别功能不稳定。

-----

### Usage

#### 1、下载Tiny-editor

```

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

```

#### 2、引用相关文件

```

```

#### 3、引用js文件

```

```

#### 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模式的前提下才能开启