Search Results for "code blocks sample"

The Blockly library adds an editor to your app that represents coding concepts as interlocking blocks. It outputs syntactically correct code in the programming language of your choice. Custom blocks may be created to connect to your own application. Blockly in a browser allows web pages to include a visual code editor for any of Blockly's five supported programming languages, or your own. Blockly plugins are self-contained pieces of code that add functionality to Blockly. ...

Spectacle is an open source presentation library based on React.js. It lets you create sleek presentations using JSX syntax, giving you the ability to live demo your code. Spectacle’s presentations are lively and interactive, with clickable elements, themes, custom backgrounds, animations, and many other fun and unique elements you can add to make your presentations pop. With Spectacle you can also live demo your code in real time without having to leave the presentation deck. Code blocks conveniently auto-size and scroll when there is an overflow of content. ...

...While you type, LivePreview will automatically scroll to the current location you're editing. The good old GitHub Flavored-style Markdown. So, you don't feel out of the place. Syntax highlighting in fenced code blocks with language identifiers and Markup languages. Change the color scheme of the editor based on your preferences. i.e to choose between Dark mode/Light mode. Supports emojis in the preview mode for when you need to express yourself via one. To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. ...

...You can enable HTML tags decode, TeX, Flowchart, sequence diagram, Emoji, FontAwesome, task lists. You can also enable image upload, [TOCM], search replace features, code fold, etc. Combine multiple JS module files used by CodeMirror to greatly reduce HTTP requests and speed up downloading. In addition, when using Require.js, because of CodeMirror's strict module dependency restrictions, the merged module files cannot be used, and multiple module files are still dynamically loaded. Newly added images, links, anchor links, code blocks, pre-formatted text and other operations pop-up dialog layers and examples.