vnw

vue-neditor-wrap

基于vue和neditor的双向绑定组件,使用vue-cli3的项目可以直接使用

Showing:

Popularity

Downloads/wk

148

GitHub Stars

221

Maintenance

Last Commit

2yrs ago

Contributors

2

Package

Dependencies

0

Size (min+gzip)

0.2KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

vue-neditor-wrap

Installation

$ npm i vue-neditor-wrap

Quick Start

  1. 下载官方资源文件

    下载完成后放在本地public下,命名为NEditor的文件夹下

  2. 引入VueNeditorWrap组件

    import VueNeditorWrap from 'vue-neditor-wrap'

  3. 注册组件

    components: {
        VueNeditorWrap
    },
    
  4. v-model绑定数据

    <vue-neditor-wrap v-model="content" :config="myConfig" :destroy="false" @ready="ready"></vue-neditor-wrap>
    
    data () {
        return {
            myConfig: {
                // 如果需要上传功能,找后端小伙伴要服务器接口地址
                serverUrl: '/api/web/upload/ueditor',
                // 你的UEditor资源存放的路径,相对于打包后的index.html
                UEDITOR_HOME_URL: '/NEditor/',
                // 编辑器不自动被内容撑高
                autoHeightEnabled: false,
                // 初始容器高度
                initialFrameHeight: 240,
                // 初始容器宽度
                initialFrameWidth: '100%',
                // 关闭自动保存
                enableAutoSave: false
            },
            content: '',
        }
    }
    

    至此你已经可以在页面中看到一个初始化之后的NEditor了,并且它已经成功和数据绑定了!

License

MIT

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100