PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.7

npm

4icloud-listform

> 可插入自定义标签的 textarea

Published22 Jul 2020
Direct dependencies38
Transitive dependenciesNot calculated

README

Current package documentation

VueTagTextarea

可插入自定义标签的 textarea

安装

$ npm install vue-tag-textarea -S

使用

在 main.js 文件中引入插件并注册

# main.js
import VueTagTextarea from 'vue-tag-textarea'
import 'vue-tag-textarea/lib/vue-tag-textarea.css'
Vue.use(VueTagTextarea)

在项目中用使用 VueTagTextarea

<template>
  <w-textarea v-model="text" />
</template>
<script>
  export default {
    data () {
      return {
        text: 'demo'
      }
    }
  }
</script>

注意：标签为 <w-textarea>

特点

  1. 可以插入自定义的标签，默认为 <wise>
  2. 基于自定义标签，可以满足模版文案的需求

参数

参数说明类型默认值
tag自定义标签名Stringwise
tools配置工具栏Array[{ type: 'link', text: '添加超链接' }, { type: 'tag', text: '添加模版标签' }]
maxlength最大字符长度String, Number-

自定义 tag 的时候，需要添加该标签的样式

事件

事件名称说明回调参数
add点击工具栏上的“添加xx”按钮时触发type

Add 事件详解

工具栏可以通过 tools 参数进行配置，tools 的元素是一个包含 type 和 text 的对象，其中 text 为工具栏按钮的文字。
当点击工具栏按钮的时候，触发 add 事件，接收一个 type 参数，该参数为 tools 中定义的 type 属性值。
具体的交互逻辑需要自行开发，最后需要通过 $refs 调用 VueTagTextarea 内部的 addLink() 或者 addTag() 方法，完成添加标签。
当调用 addTag() 的时候，需要传入一个 text 参数，值为标签的文本内容。
当调用 addLink() 的时候，需要传入 url 和 text，其中 url 为超链接地址，text 为超链接文本。
VueTagTextarea 最终返回的值是一个 innerHTML。

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 38

Native requirements
38 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
axios
Environment
{
  "local_name": "axios",
  "alias": false,
  "peer_metadata": null
}
0.18.1runtime
clipboard
Environment
{
  "local_name": "clipboard",
  "alias": false,
  "peer_metadata": null
}
2.0.4runtime
codemirror
Environment
{
  "local_name": "codemirror",
  "alias": false,
  "peer_metadata": null
}
5.45.0runtime
driver.js
Environment
{
  "local_name": "driver.js",
  "alias": false,
  "peer_metadata": null
}
0.9.5runtime
dropzone
Environment
{
  "local_name": "dropzone",
  "alias": false,
  "peer_metadata": null
}
5.5.1runtime
echarts
Environment
{
  "local_name": "echarts",
  "alias": false,
  "peer_metadata": null
}
4.2.1runtime
element-ui
Environment
{
  "local_name": "element-ui",
  "alias": false,
  "peer_metadata": null
}
2.13.0runtime
file-saver
Environment
{
  "local_name": "file-saver",
  "alias": false,
  "peer_metadata": null
}
2.0.1runtime
fuse.js
Environment
{
  "local_name": "fuse.js",
  "alias": false,
  "peer_metadata": null
}
3.4.4runtime
js-cookie
Environment
{
  "local_name": "js-cookie",
  "alias": false,
  "peer_metadata": null
}
2.2.0runtime
jsonlint
Environment
{
  "local_name": "jsonlint",
  "alias": false,
  "peer_metadata": null
}
1.6.3runtime
jszip
Environment
{
  "local_name": "jszip",
  "alias": false,
  "peer_metadata": null
}
3.2.1runtime
normalize.css
Environment
{
  "local_name": "normalize.css",
  "alias": false,
  "peer_metadata": null
}
7.0.0runtime
nprogress
Environment
{
  "local_name": "nprogress",
  "alias": false,
  "peer_metadata": null
}
0.2.0runtime
path-to-regexp
Environment
{
  "local_name": "path-to-regexp",
  "alias": false,
  "peer_metadata": null
}
2.4.0runtime
screenfull
Environment
{
  "local_name": "screenfull",
  "alias": false,
  "peer_metadata": null
}
4.2.0runtime
showdown
Environment
{
  "local_name": "showdown",
  "alias": false,
  "peer_metadata": null
}
1.9.0runtime
sortablejs
Environment
{
  "local_name": "sortablejs",
  "alias": false,
  "peer_metadata": null
}
1.8.4runtime
tui-editor
Environment
{
  "local_name": "tui-editor",
  "alias": false,
  "peer_metadata": null
}
1.3.3runtime
vue
Environment
{
  "local_name": "vue",
  "alias": false,
  "peer_metadata": null
}
2.6.10runtime
vue-count-to
Environment
{
  "local_name": "vue-count-to",
  "alias": false,
  "peer_metadata": null
}
1.0.13runtime
vue-i18n
Environment
{
  "local_name": "vue-i18n",
  "alias": false,
  "peer_metadata": null
}
7.3.2runtime
vue-router
Environment
{
  "local_name": "vue-router",
  "alias": false,
  "peer_metadata": null
}
3.0.2runtime
vue-splitpane
Environment
{
  "local_name": "vue-splitpane",
  "alias": false,
  "peer_metadata": null
}
1.0.4runtime
vue-tag-textarea-demo
Environment
{
  "local_name": "vue-tag-textarea-demo",
  "alias": false,
  "peer_metadata": null
}
^0.1.0runtime
vuedraggable
Environment
{
  "local_name": "vuedraggable",
  "alias": false,
  "peer_metadata": null
}
2.20.0runtime
vuex
Environment
{
  "local_name": "vuex",
  "alias": false,
  "peer_metadata": null
}
3.1.0runtime
xlsx
Environment
{
  "local_name": "xlsx",
  "alias": false,
  "peer_metadata": null
}
0.14.1runtime
@vue/cli-plugin-babel
Environment
{
  "local_name": "@vue/cli-plugin-babel",
  "alias": false,
  "peer_metadata": null
}
^3.0.4development
@vue/cli-plugin-eslint
Environment
{
  "local_name": "@vue/cli-plugin-eslint",
  "alias": false,
  "peer_metadata": null
}
^3.0.4development
@vue/cli-service
Environment
{
  "local_name": "@vue/cli-service",
  "alias": false,
  "peer_metadata": null
}
^3.0.4development
@vue/eslint-config-standard
Environment
{
  "local_name": "@vue/eslint-config-standard",
  "alias": false,
  "peer_metadata": null
}
^4.0.0development
babel-eslint
Environment
{
  "local_name": "babel-eslint",
  "alias": false,
  "peer_metadata": null
}
^10.0.1development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
^5.8.0development
eslint-plugin-vue
Environment
{
  "local_name": "eslint-plugin-vue",
  "alias": false,
  "peer_metadata": null
}
^5.0.0-0development
node-sass
Environment
{
  "local_name": "node-sass",
  "alias": false,
  "peer_metadata": null
}
^4.9.0development
sass-loader
Environment
{
  "local_name": "sass-loader",
  "alias": false,
  "peer_metadata": null
}
^7.0.1development
vue-template-compiler
Environment
{
  "local_name": "vue-template-compiler",
  "alias": false,
  "peer_metadata": null
}
2.6.10development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-ayh3I55O5ZP4ep8Tvj9SYE4WdrD4BkX0jznsKdUJ5t4B4zB8YIAcXIuJ50+fnlB1B5yqwQz6wQpj7JIJRqONpw==",
  "shasum": "436b6f5f6204b91907b4c31984fc09d5f93fa1bf",
  "tarball": "https://registry.npmjs.org/4icloud-listform/-/4icloud-listform-1.0.7.tgz",
  "fileCount": 11,
  "unpackedSize": 13733969,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfF6AlCRA9TVsSAnZWagAAKuYQAIPE0XENf/t4uYRk2K0N\n6f74TqGTKnuw7JSksuvktWpYg0MN5ACmWpV8bQGS5bXBBos+LGY2t0i0Stry\ncSGRoJaaI59VFWUpXU0BTbpL06uw3hpEmqlOAi/P1JxC+SR3aEB8FbuAnaBG\npsVmojYkhmBSjOUAftCnZ9Gk9MdDbSVHjieBbgk+pQlEB2kGBITEvt3lVl9k\nVq8JbLhh5xFxYrNeNZafUGb+v9rIr4Y7gnw0iRe8g0ODrRFDLFp67Meu/wzD\nMOHWH19GihrjbKy5Wb4Pl3Sdf3s7wMuR/jkNKW0WIs4nu7WAJcDkFhG2hKHC\nWQu2kBtZKa9HkBYjFcyUny9b7Ge/Q2LplE8GdSSJpdj5VV6M1OCG6fvs4kBl\n4P5aWFX4nrKrU/DkDPJA+zll05ME4kE8n7cNEuKAcL9yAuXy+iwzklofj/Ov\nbWNjS4A6apcIik+g0AD20dJ3fNGNhvEcgGYLV/jKop2aHgg9gvxqT4mol9st\nANPMKNyjSWXEK1YD12BOBy1ZrC9+hMzbxaiKkxm6pjlbPIrijvYN81oEX1Sf\nYKSEWhH0XRyinM4J/wZNOUyH4CQ+I8KHEyVVPOWKKDazC3VlzFQWRjKx4Sa/\nSfGwfdMUXYMEOuwRdhDXgROswpHIhNSR2Fy5UbNqwYQsifey5h9V1iDLJxI9\nDuUu\r\n=ts19\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEYCIQDFpkPGB+a7VagEXykt4s/eDZJLpuUnu/9Gu9nFkVvpkAIhAJCagAl0x8EVsWhvXQpfJMKqNVzZ/uhCBwAsOwGpR73G"
    }
  ]
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 20:10 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:cb709c4a539cf6c2470a7a1be9028b98a336af5004055eb24b4c1c8fe696fa0d

Other collected versions

1.0.1222 Jul1.0.1122 Jul1.0.1022 Jul1.0.922 Jul1.0.822 Jul1.0.622 JulView all collected versions →