Typecho合集站.  留言 关于 记事本 
首页 > TYPECHO > typecho教程 > typecho插件 > typecho主题 > 网站开发 > PHP > Linux > web > 编程 > 个人收藏 > 互联网旧文 > 互联网趣文

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

项目地址:https://github.com/caiya/vue-neditor-wrap


vue-neditor-wrap

Installation

$ npm i vue-neditor-wrap

Quick Start

  • 下载官方资源文件

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

  • 引入VueNeditorWrap组件

    import VueNeditorWrap from 'vue-neditor-wrap'

  • 注册组件


    components: {
    VueNeditorWrap
    },
  • 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


    发表新评论


    本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除
    Theme by
    夏目贵志, Powered by Typecho | RSS | sitemap