欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

html ace编辑器,Tiny-editor

发布时间:2024/9/27 编程问答 45 豆豆
生活随笔 收集整理的这篇文章主要介绍了 html ace编辑器,Tiny-editor 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

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

Method

Tiny.tab(num)

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

Tiny.run()

运行结果并跳到result面板

Tiny.save()

保存代码至缓存

Tiny.fullScreen()

全屏模式开启或关闭

Tiny.dockMode()

dock边栏模式开启或关闭

Tiny.liveMode()

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

总结

以上是生活随笔为你收集整理的html ace编辑器,Tiny-editor的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。