runAsJs-PrismJS-Plugin

This is a prismjs plugin that runs the javascript inside the code block and displays the output.

Demo

Video:

runAsJs-prismJs-plugin.mp4

Working Example:

https://karthikeyan-cool.github.io/runAsJs-prismJs-plugin/demo/

How To Use

• The build files are present in dist folder.
• There will be two folders one is prismjs build and runAsJs build files.
• For runAsJs plugin to work, you need have the following:
  • Prism js
  • Prism js toolbar plugin
  • Prims js show language (optional)

Styling

• customTheme.css file controls the hover state color of toolbar and left and right margin of the toolbar buttons.
• runAsJs.css file controls the output section theme.

How to build

• To build from source, use the following commands

npm install
npm run build

How to install

NPM:

npm i runasjs-prismjs-plugin

YARN:

yarn add runasjs-prismjs-plugin

CDN:

• jsdelivr (Format: https://cdn.jsdelivr.net/npm/runasjs-prismjs-plugin@VERSION)

https://cdn.jsdelivr.net/npm/runasjs-prismjs-plugin@1.0.0

• unpkg (Format: https://unpkg.com/browse/runasjs-prismjs-plugin@VERSION/)

https://unpkg.com/runasjs-prismjs-plugin@1.0.0/dist/runAsJs/js/runAsJs.min.js

for issues see issues section;