sergeche / codemirror-movie Goto Github PK
View Code? Open in Web Editor NEWA plugin for CodeMirror for code demos
Home Page: https://docs.emmet.io
License: MIT License
A plugin for CodeMirror for code demos
Home Page: https://docs.emmet.io
License: MIT License
Hey, this seems very useful. Would you mind adding a license file to the repo?
When I play a movie with Reveel.js integration, the tooltips are not placed correctly in Google Chrome (It works on Firefox).
Also the textArea is empty until I click play.
Could you give some advice? Thanks
Great tool, by the way!
How am I supposed to call cm.addLineWidget
or similar methods on a CodeMirror.movie() instance?
Your documentation claims that codemirror-movie extended the original CodeMirror object which doesn't seem to be the case for me (using 3.16 though).
var foo = new CodeMirror.movie($("#myTextarea")[0]); foo.play();
A later call to CodeMirror API methods like
var line = foo.lineAtHeight(35, "local");
will result in an exception of the object not containing that method.
So I played around having two objects referencing the same textarea - however this only yields issues:
When I instantiate the movie after I instantiated CodeMirror from a textarea, the movie won't play as the @@@ and stuff will get parsed into the code window.
When I instantiate the movie before I instantiate CodeMirror, the code window will get all messed up. In my case, the line numbers will go "1 1 2 3 4" (note the double 1).
Sorry if my question is unclear.
I'm typing javascript code inside cm-movie, and I'd like to execute this code. Should I just get the text and eval
it or is there a way to do that ? I've just read the CM commands code and the CM docs but I couldn't find anything. Thanks in advance.
Hi,
It seems that by "type" command in scenario we are inserting text, is it possible to "untype" a string to remove some text?
Hi,
When setting up a very simple CodeMirror movie, with an empty textarea a single js line like var movie = CodeMirror.movie('test');
, I have the error in the title that points to line 1746 of cm-movie.js
: hlLine = editor.setLineClass(0, 'activeline');
. But the CodeMirror manual doesn't mention the setLineClass
method, so maybe you're depending on an older version of CodeMirror ?
I'm using Underscore 1.4.4 (latest), CodeMirror 3.11 (latest) with the javascript mode. I included dependencies with script
tags in the right order (Underscore > Codemirror > JS mode > cm-movie.js > my code).
Hi
Is it possible to record what the user has entered in the code mirror textarea, and save the recording to play on demand?
Hi, it's me again. Sorry if I look like a help vampire, but this library is so cool that I'd really like to use it for the prez.
I push a new commit, where I use impress.js to create slides and cm-movie inside one of them. I used the same code as in dist/index.html
to control the playback with a play button, but I click "Play", the code doesn't appear... I placed a breakpoint in Firebug and the code movie.play();
is actually executed but nothing happens.
Sorry to open another issue, but I have a problem with the pos
tooltip parameter.
When I type : tooltip: { text: "the setTimeout function is called", pos: "0:5", wait: 3000 }
, the tooltip appears with the content "undefined", with the following error in Firebug :
TypeError: invalid 'in' operand pos
http://localhost:3000/scripts/vendor/cm-movie-full.js
Line 2456
But when I use tooltip: { text: "the setTimeout function is called", pos: {x:0,y:5}, wait: 3000 }
, it appears, but in absolute coordinate, which I don't want. I found the {x;y}
from briefly reading the code (the resolvePosition
function). It's strange, because it should understand the "0:5"
position like the makePos
function specifies it.
My code is here : https://github.com/DjebbZ/async-paris-js/blob/master/index.html#L78
Thanks for this wonderful project. I am using this wonderful project to play code for my students.
I was wondering how to delete typed text.
Something like
type: Hello ::: Typing “Hello”
delete: Hello ::: Deleting “Hello”
The project is really COOL! Any plan to support codemirror 4.x and 5.x? Thanks.
Thanks for the plugin!
Is it possible to use step by step navigation instead of movie? One that allows to go back and forth between steps?
As far as I understand, currently movie goes start->finish. There is no way to let’s say skip a step or go to the previous step.
Hello (again),
I'm questioning because it may be the source of the error in my last commit :
TypeError: target is null
http://localhost:3000/scripts/vendor/cm-movie-full.js
Line 2962
Hi again,
I preferred opening another issue. With this textarea code :
<textarea name="test" id="test" cols="100" rows="30">
|
@@@
type: Hello world
tooltip : Which `alert` got executed first ?
wait: 1000
tooltip: The Outside one.
</textarea>
The type action works, but not the tooltip. The console shows the error in title. Any idea ?
-- edit : The error is located in cm-movie.js line 844
HI,
Clicking the link here in github to the demo returns 404 not found.
The link which fails is: http://media.chikuyonok.ru/codemirror-movie/
/Sten
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.