jyapayne/ace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

static highlight can be used without editor.css

Browse source
This commit is contained in:
nightwing 2015-02-28 20:40:54 +04:00
commit 01f5846ee3
3 changed files with 13 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

3
demo/static-highlighter.html
View file

@ -21,9 +21,8 @@
<div class="code" ace-mode="ace/mode/css" ace-theme="ace/theme/chrome" ace-gutter="true"> <div class="code" ace-mode="ace/mode/css" ace-theme="ace/theme/chrome" ace-gutter="true">
.code { .code {
width: 50%; width: 50%;
position: relative;
white-space: pre-wrap; white-space: pre-wrap;
border: solid lightgrey 1px
} }
</div> </div>

2
demo/static-highlighter/server.js
View file

@ -21,7 +21,7 @@ var port = process.env.PORT || 2222;
http.createServer(function(req, res) { http.createServer(function(req, res) {
res.writeHead(200, {"Content-Type": "text/html; charset=utf-8"}); res.writeHead(200, {"Content-Type": "text/html; charset=utf-8"});
fs.readFile(__filename, "utf8", function(err, data) { fs.readFile(__dirname + "/../../build/src/ace.js", "utf8", function(err, data) {
var highlighted = highlighter.render(data, new JavaScriptMode(), theme); var highlighted = highlighter.render(data, new JavaScriptMode(), theme);
res.end( res.end(
'<html><body>\n' + '<html><body>\n' +

17
lib/ace/ext/static.css
View file

@ -1,6 +1,7 @@
.ace_static_highlight { .ace_static_highlight {
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'Droid Sans Mono', monospace; font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', 'Droid Sans Mono', monospace;
font-size: 12px; font-size: 12px;
white-space: pre-wrap
} }
.ace_static_highlight .ace_gutter { .ace_static_highlight .ace_gutter {
@ -17,10 +18,14 @@
.ace_static_highlight .ace_line { position: relative; } .ace_static_highlight .ace_line { position: relative; }
.ace_static_highlight .ace_gutter-cell { .ace_static_highlight .ace_gutter-cell {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-khtml-user-select: none; -khtml-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
top: 0;
bottom: 0;
left: 0;
position: absolute;
} }