It's easy to use, both support read-only and edit mode with 200+ themes, you can directly use it in the browser or import it via the NPM package.
Step 1. Add the CSS files.
Step 2. Add the JavaScript files after the vue.js file.
Step 3. Declaring the component, and using the customized tag into the HTML template.
Step 1. Install the package from NPM
Step 2. Importing the modules and registration.
Default: false
Description: enable editable or not
Default: unset
Description: static content setting. If requiring data binding, please use the property:
v-model
UI Rendering:
Description: varies based on the value of form inputs element or output of components
UI Rendering:
Default: false
Description: enable line numbers to show or not, but unable in wrap text mode
UI Rendering:
Default:
[["javascript", "JS"]]
Description: [[language name, display name], [language name,
display name], ...]. Multiple languages setting will enable the language selector automatically,
the language name is necessary, and the display name is optional
Multiple languages:
All the languages:
Default: 2
UI Rendering:
Default: false
Description: enable wrap text or not
Default: true
Description: enable header to show or not
Default: true
Description: enable language name to show or not
Default: true
Description: enable copy icon to show or not
Default: github-dark
Description: freely switching between 200+ themes, check all the themes
Default: 17px
Default: 540px
Default: auto
Description: the height of the container is adaptive by default, it also can be set as a specific value, and the scroll bar will work with overflow
UI Rendering:
Default: unset
Default: unset
Default: unset
Default: unset
Default: 20px
Default: 12px
Default: 110px
Description: the width of language list
UI Rendering:
Default: auto
Description: the height of the language list
UI Rendering:
Default: false
Description: enable language list to show by default or not
Default: 0
Default: false
Description: enable textarea to get focused by default or not
Description: pass the current languange as an argument
Description: pass the static content as an argument
Description: pass the textarea element as an argument