Tiny-editor 基于 Ace 的在线代码编辑器开源项目

我要开发同款
匿名用户2016年03月21日
200阅读

技术信息

开源地址
https://github.com/lipten/Tiny-editor
授权协议
GPL

作品详情

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

Demo:https://lipte.lik/demo/editor

Usage

1.下载slidePage

git cloe https://github.com/lipte/Tiy-editor.git

2.引用相关文件

<lik rel="stylesheet" href="Tiy-editor.css"/>

3.引用js文件

<script src="https://cd.bootcss.com/ace/1.2.3/ace.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript" src="Tiy-editor.js"></script>

4.html结构

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

5.初始化代码

var Tiy = ew TiyEditor()Method

Tiy.tab(um)

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

Tiy.ru()

运行结果并跳到result面板

Tiy.save()

保存代码至缓存

Tiy.fullScree()

全屏模式开启或关闭

Tiy.dockMode()

dock边栏模式开启或关闭

Tiy.liveMode()

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

功能介绍

Tiny-editor 是和jsFiddle一样具有在线运行js功能的在线代码编辑器,基于Ace。 Demo:http://lipten.link/demo/editor Usage 1.下载s...

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论