mirror of
https://github.com/jashkenas/coffeescript.git
synced 2026-05-03 03:00:14 -04:00
63d3b699d7
* Get rid of offcanvas slide-in; fix sidebar * We need to transpile docs.coffee, since Safari 9 throws an error on it and that’s too new a browser not to support; but this should also speed things up * Fix some tabs * Fix scrollbar * Use Highlight.js to format placeholder code (during compilation, not rendering) before CodeMirror loads; match Highlight.js styles to CodeMirror styles as best we can * Improve hash management * Initialize CodeMirror on demand, on mouseover a particular code example, rather than all examples on startup * Replace highlight.js with Prism for placeholder syntax highlighting * Scratch Prism, use CodeMirror itself to do Node-based syntax highlighting, so that on CodeMirror initialization there’s no flash from mismatched highlighting * Update packages; there’s a new version of Jison! (doesn’t change much) * Fix mobile issues: use SVG play button icon, to avoid iOS blue square play button; make the code editor text 16px size explicit, to avoid unwanted mobile zoom; make the ‘code play’ buttons work even if the code examples are in placeholder (non-editable) mode, in case a user hasn’t moused over/tapped them * Update docs output * Whoops, CodeMirror is only a devDependency
20 lines
967 B
HTML
20 lines
967 B
HTML
<aside class="code-example container-fluid bg-ribbed-dark" data-example="<%= file %>">
|
|
<div class="row">
|
|
<div class="col-md-6 coffeescript-input-column">
|
|
<textarea class="coffeescript-input" id="<%= file %>-coffee"><%= cs %></textarea>
|
|
<pre class="placeholder-code"><%= highlight('coffeescript', cs) %></pre>
|
|
</div>
|
|
<div class="col-md-6 javascript-output-column">
|
|
<textarea class="javascript-output" id="<%= file %>-js"><%= js %></textarea>
|
|
<pre class="placeholder-code"><%= highlight('javascript', js) %></pre>
|
|
</div>
|
|
</div>
|
|
<% if (run) { %>
|
|
<div class="row">
|
|
<div class="col text-right">
|
|
<button type="button" class="btn btn-primary" data-action="run-code-example" data-example="<%= file %>" data-run="<%= escape(run) %>"><% if (run === true) { include('play.svg') } else { %><small><%= include('play.svg') %></small><%= run.replace(/"/g, '"') %><% } %></button>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
</aside>
|