Vue prism editor

A dead simple code editor with syntax highlighting and line numbers.

Editor works both for Vue 2. Go here for the Vue 3. Several browser based code editors such as Ace, CodeMirror, Monaco etc. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code. You need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:.

Vue prism editor

.

The number of characters to insert when pressing tab key.

.

A dead simple code editor with syntax highlighting and line numbers. Editor works both for Vue 2. Go here for the Vue 3. Several browser based code editors such as Ace, CodeMirror, Monaco etc. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code. You need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:. Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work. This part is taken from react-simple-code-editor.

Vue prism editor

Editor works both for Vue 2. Go here for the Vue 3. Several browser based code editors such as Ace, CodeMirror, Monaco etc. However, if you just need a simple editor with syntax highlighting without any of the extra features, they can be overkill as they don't usually have a small bundle size footprint. This library aims to provide a simple code editor with syntax highlighting support without any of the extra features, perfect for simple embeds and forms where users can submit code. You need to use the editor with a third party library which provides syntax highlighting. For example, it'll look like following with prismjs:. Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work. This part is taken from react-simple-code-editor. When you type, select, copy text etc.

Can lavender grow indoors

Packages 0 No packages published. You signed in with another tab or window. A dead simple code editor with syntax highlighting and line numbers. Whether the editor should ignore tab key presses so that keyboard users can tab past the editor. Branches Tags. Go here for the Vue 3. For example, it'll look like following with prismjs:. Whether to use spaces for indentation. For example, it'll look like following with prismjs:. Last publish 2 years ago.

We can now continue from where we left. How's been your week so far?.

Try on RunKit. Readme Keywords vue editor code editor prism. Note that depending on your syntax highlighter, you might have to include additional CSS for syntax highlighting to work. Report malware. Go to file. Callback which will receive text to highlight. If you set it to false , you might also want to set tabSize to 1. MIT license. Unpacked Size kB. Default: 2. You need to use the editor with a third party library which provides syntax highlighting. Releases 19 vue-prism-editor 1. Last commit date.