Skip to content
基于Ace可实时运行的代码编辑器,相当于开源的jsFiddle,可以打造属于自己的代码编辑器!
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
Tiny-editor.css upload Mar 19, 2016
Tiny-editor.js
editor.html

README.md

Tiny-editor

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

线上案例: http://www.codeasily.net/editor

-update v0.1-

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


Usage

1、下载Tiny-editor

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

You can’t perform that action at this time.