iros / deck.js-codemirror Goto Github PK
View Code? Open in Web Editor NEWCodeMirror extension for deck.js
Home Page: http://ireneros.com/deck/deck.js-codemirror/introduction
License: MIT License
CodeMirror extension for deck.js
Home Page: http://ireneros.com/deck/deck.js-codemirror/introduction
License: MIT License
Current overriding can just handle strings.
Hi. I'm the guy from Ignite yesterday who had glitches setting this project up completely. (Here's the presentation I was using it for; I never quite got the syntax highlighting to work. The Scala-on-Android framework it describes is here if you're curious.)
As I said, I always feel funny about vague bug reports like this; fix it and I definitely owe you lunch...
Hello,
I'm working on a presentation (http://vjeux.github.com/jsCollaborativePresentation/#slide-3) where I show a lot of code. I'd like to do two things:
Do you know if that's possible to integrate some <strong> tag inside codemirror in order to make it stand out?
Thanks
My JS/CoffeeScript slides have some special characters that are getting translated into their corresponding html entities. You can see an example on the 8th or so slide on http://carpeliam.github.com/kriegspieljs/lightning/ : "constructor: (@options = {}) ->" etc. This is happening in both CoffeeScript and JavaScript mode. I'm using 0.2, but I saw this in 0.1 too.
trying to edit js code on the example deck, i get multiple cursors, even, sometimes, in the gutter. I don.t know if this is specific to the ipad or generic to all the touch interfaces.
What do you think about adding support for html highlighting? I'm guessing a lot of presentations have some markup to show to go along with JavaScript.
Between your readme and your code, I'm a little confused. Do I need to set codemirror options inorder to use this extension? Or does Codemirror "just work" when it's included as you show in the README?
For example, do I need to specify the theme, or does the Codemirror CSS do the right thing?
This is another language that would be extremely useful for highlighting.
I would like to use bower to specify my dependency on deck.js-codemirror
. It this something you would support?
... to which the codeMirror elements will be attached. Right now goes for parent element of the code container. Could be anywhere else on the page I suppose.
Just installed your extension and it looks like the "web-2.0" theme of deck.js doesn't play nice with codemirror styles. There may not be much you can do about it short of hacking in some CSS to undo "web-2.0" styling where codemirror styles are present. But I just wanted to bring it to your attention..
Here is the code I'm feeding into deck.js-codemirror:
<h3>1.js</h3>
<div name="code" class="code" mode="javascript" style="display: none;">function fib(n) {
var i;
var a = 0, b = 1, sum = a + b;
for (i = 0; i < n - 1; i++) {
sum = a + b;
a = b;
b = sum;
}
return sum;
}
module.exports.fib = fib;</div>
</div>
The resulting display is (note the less-than operator in the iterator):
function fib(n) {
var i;
var a = 0, b = 1, sum = a + b;
for (i = 0; i < n - 1; i++) {
sum = a + b;
a = b;
b = sum;
}
return sum;
}
module.exports.fib = fib;
Am I doing something wrong or is this a bug?
Dear all,
I discovered this project yesterday. I have to say - I am absolutely fascinated by the possibility to include code mirrors into my presentation and moreover to evaluate them. This is great opportunity for teaching new programming languages to students.
Here is my question: As I mostly teach R, is there anyway get R codemirrors runnable like in the javascript examples?
Thank you some much for this great project.
Best, Lukas
The default introduction set of slides prints fine, but when you include codemirror it only seems to be able to find the first slide.
Whatever css is being included that breaks the printing functionality present in the base deckjs needs to be removed in print mode.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.