npmpackage.info

Gathering detailed insights and metrics for @iamzzg/code-editor-yaml

@iamzzg/code-editor-yaml - 1.0.3 | npmpackage.info

@iamzzg/code-editor-yaml

1.0.3

1.44 MB

Installations

npm install @iamzzg/code-editor-yaml

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

14.21.3

NPM Version

6.14.18 Releases

Unable to fetch releases

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

Maintainers

Package Meta Information

Latest Version

1.0.3

Package Id

@iamzzg/code-editor-yaml@1.0.3

Unpacked Size

1.44 MB

Size

382.37 kB

File Count

NPM Version

6.14.18

Node Version

14.21.3

Published on

Aug 11, 2023

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@iamzzg/code-editor-yaml @vue/cli axios codemirror core-js js-yaml vue yaml

Dev Dependencies

@babel/core @babel/eslint-parser @vue/cli-plugin-babel @vue/cli-plugin-eslint @vue/cli-service eslint eslint-plugin-vue vue-template-compiler

code-editor-yaml

基于 vue2 和 codeMirror 的 yaml 编辑器，业务使用

安装

1npm i @iamzzg/code-editor-yaml -S

使用

全局注册组件

1import codeYamlEditor from "@iamzzg/code-editor-yaml"
2import "@iamzzg/code-editor-yaml/dist/code-editor-yaml.css"
3
4import Vue from "Vue"
5
6Vue.use(codeYamlEditor) // 全局注册组件

局部注册组件

1import { CodeEditor } from "@iamzzg/code-editor-yaml"
2import "@iamzzg/code-editor-yaml/dist/code-editor-yaml.css"
3;<CodeEditor ref="code" v-model="YamlValues" mode="yaml" />

属性 mode:'yaml' 表示使用 yaml value: '' 表示 yaml 字符串
方法 getCodeMirrorEditorValue 获取编辑器此时的 yaml 字符串

No vulnerabilities found.

No security vulnerabilities found.