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.

Vue prism editor

.

Folders and files Name Name Last commit message. Downloads Weekly Downloads 37,

.

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

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.

Bioderma chemist warehouse

Reload to refresh your session. Last commit date. Vue Prism Editor A dead simple code editor with syntax highlighting and line numbers. This is a very simple approach compared to other editors which re-implement the behaviour. The number of characters to insert when pressing tab key. You need to use the editor with a third party library which provides syntax highlighting. About A dead simple code editor with syntax highlighting and line numbers. Vue Prism Editor A dead simple code editor with syntax highlighting and line numbers. Default: true. You'll need to return an HTML string with syntax highlighting using a library such as prismjs. Editor works both for Vue 2. You'll need to return an HTML string with syntax highlighting using a library such as prismjs.

With Vue 3 released, there will be many libraries running into port their vue 2 projects into vue 3. Recently while working on creating a library on vue 3 I needed a syntax highlighter for demo purpose, so thought of writing one with vue 3 Setup API. We would be requiring code that is supposed to be used as a highlighter and the language in which the code would be.

Sep 27, Report malware. Default: false. This is a very simple approach compared to other editors which re-implement the behaviour. Vue Prism Editor A dead simple code editor with syntax highlighting and line numbers. Try on RunKit. Downloads Weekly Downloads 37, If you set it to false , you might also want to set tabSize to 1. You need to use the editor with a third party library which provides syntax highlighting. The number of characters to insert when pressing tab key. Report repository.