Giter VIP home page Giter VIP logo

codemirror-movie's People

Contributors

namin avatar neochief avatar samdark avatar sergeche avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

codemirror-movie's Issues

License?

Hey, this seems very useful. Would you mind adding a license file to the repo?

Problem with Reveal.js integration

When I play a movie with Reveel.js integration, the tooltips are not placed correctly in Google Chrome (It works on Firefox).

This is the presentation

Also the textArea is empty until I click play.

Could you give some advice? Thanks

Great tool, by the way!

How to use original CodeMirror API after playing movie

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.

Question : how to execute the code of a movie ?

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.

untype

Hi,

It seems that by "type" command in scenario we are inserting text, is it possible to "untype" a string to remove some text?

Uncaught TypeError: Object #<Object> has no method 'setLineClass'

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).

Can I record codemirror?

Hi

Is it possible to record what the user has entered in the code mirror textarea, and save the recording to play on demand?

Movie not playing, without error this time

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.

https://github.com/DjebbZ/async-paris-js

Tooltip position not working as docs says

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

Delete typed text

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”

Step-by-step vs movie?

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.

Uncaught No such action: tooltip

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.