前端页面使用ace插件优化脚本
html页面:<pre id="editor" style="width: 100%;height: 800px;"></pre>(注:必须设置高度)
function getScriptHightLight(){
ace.config.set("basePath", "vendors/ace-build/src-min");
ace.require("ace/ext/beautify");
var editor = ace.edit("editor");
if($scope.store&&$scope.store.scriptContent){
editor.setValue($scope.store.scriptContent); //设置内容
if($scope.oper==="detail"){
editor.setReadOnly(true); //只读
}else{
editor.setReadOnly(false); //只读
}
}else{
editor.setValue('');//没有值设置为空
}
editor.setOption("wrap", "free") //自动换行
editor.setShowPrintMargin(false); //设置打印线
editor.session.setMode("ace/mode/sh");
editor.setTheme("ace/theme/vibrant_ink"); //引入的模板
editor.setHighlightActiveLine(true); //设置高亮
editor.setOptions({
enableBasicAutocompletion: true,
enableSnippets: true,
enableLiveAutocompletion: true
});
editor.on('change', function () {//更新脚本事件
$timeout(function () {
$scope.$apply(function () {
var value = editor.getValue();
$scope.store.scriptContent=value;
});
});
});
}
转载于:https://www.cnblogs.com/shixy1617/p/10616334.html
前端页面使用ace插件优化脚本相关推荐
- 前端页面图片加载优化
前端页面图片加载优化 问题:前端页面如果图片资源过多或者过大就会导致用户加载图片时间过长,导致用户体验下降 我总结的优化思路与方法有以下几种 一.将图标换成icon字体管理 如果项目存在大量的图表用的 ...
- 前端页面加水印插件_没用过这7款浏览器插件,你一定是假的程序员
谷歌Chrome浏览器,几乎是每个程序员必备的浏览器,除了速度快之外,还有非常丰富的插件可以使用,今天我们来细数程序员最常用的7大插件,可以极大地提升你的效率. 1.AdBlock,必备神器,全球超过 ...
- 前端页面响应速度与性能优化总结
使用nginx的gzip压缩,在nginx中的http标签下面加入该段配置 gzip on; gzip_min_length 1k; gzip_buffers 4 16k; #gzip_http_ve ...
- 前端页面复制粘贴插件Clipboard的使用
clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件.通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 1.引入JS文件: <scr ...
- 前端页面添加音乐插件
1.Aplayer搭配Metingjs音乐插件的使用 Aplayer和MetingJ的介绍 Aplayer官网文档:https://aplayer.js.org/#/ Metingjs官网文档:htt ...
- 前端页面性能优化指标
前端页面性能优化指标 一.有哪些指标 LCP(Largest Contentful Paint) FID( First Input Delay) CLS(Cumulative Layout Shift ...
- 使用 PreloadPrefetch 优化前端页面的资源加载
对于前端页面来说,静态资源的加载对页面性能起着至关重要的作用.本文将介绍浏览器提供的两个资源指令-preload/prefetch,它们能够辅助浏览器优化资源加载的顺序和时机,提升页面性能. 一.从一 ...
- 前端页面优化:如何更快速将你的页面展示给用户?
前端页面优化:如何更快速将你的页面展示给用户? 现在许多公司往往注重后端优化,而忽略了前端优化想想如果辛苦优化了服务器,后台,排查了sql,却在最后页面加载展示的时候很慢,也得不偿失其实,前后台优化都 ...
- 前端页面优化之完善篇
前端页面优化 学习目标 了解为何进行前端页面的优化 了解SEO,掌握前端页面语义性的评判标准与规则 从代码可读性角度进行页面优化 为何进行前端优化 加载速度更快 -- 速度就是王道 成本耕地 -- 人 ...
最新文章
- 看着像学生,实为博导、教授!发过4篇CNS,刚刚又获重要大奖
- 普通用户Mysql 5.6.13 主从,主主及nagios的mysql slave监控
- 超详细!上线一个机器学习项目你需要哪些准备?
- 翁恺老师C语言学习笔记(十)指针_指针与数组
- 51NOD 2026:Gcd and Lcm——题解
- html5各种页面切换效果和模态对话框
- Postman 把response的值自动放到变量里
- spring boot 设置启动时初始化DispatcherServlet
- 信号与线性系统管致中第六版pdf_【对讲机的那点事】无线电天馈系统中载频合路器的作用...
- 2021数学建模国赛一等奖经验总结与分享
- Android语言切换原理
- 【流程发现算法概述】
- ​Copyright到底是什么意思?
- 【java毕业设计】基于java+SSH+jsp的酒水销售系统设计与实现(毕业论文+程序源码)——酒水销售系统
- IntelliJ IDEA 创建Java项目
- py-kms激活VOL
- 浙大罗煜:关于土壤微生物驱动有机碳过程的几点思考(今晚7点半)
- Google 规避账户关联
- java 通过出生日期算年龄
- 特斯拉、百度、阿里趋之若鹜,无人驾驶卡车赛道现新风口
热门文章
- mysql密码输入多次都不对_mysql 密码不对
- 昌邑机器人_昌邑四轴CNC加工齿模长沙四轴CNC加工精鑫精密
- redis和sqlserver数据同步_redis缓存和mysql数据库同步
- js图片上传预览功能
- python会议室系统预定_会议室预定系统
- mfc groupbox 边框颜色_蓝色牛仔裤配什么颜色上衣好看
- 安卓iccid_Android 获取双卡手机IMEI,IMSI,ICCID
- linux服务器搭建_Linux怎么搭建ftp服务器,Windows怎么访问?按此教程10分钟完成...
- 决策树(七)--Boost及源码分析
- python编程新手常犯的错误_初学者开发人员都会犯的7个Python错误