All Projects → caiya → Vue Neditor Wrap

caiya / Vue Neditor Wrap

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

Labels

Projects that are alternatives of or similar to Vue Neditor Wrap

Json Schema Editor
JSON Schema Editor is an intuitive editor for JSON schema. It provides a tree view to present the structure of schema, and a property inspector to edit the properties of schema element. Develop with Vue.js 2 and Firebase.
Stars: ✭ 194 (-10.19%)
Mutual labels:  editor
Litegraph.js
A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with its own editor in HTML5 Canvas2D. The engine can run client side or server side using Node. It allows to export graphs as JSONs to be included in applications independently.
Stars: ✭ 2,735 (+1166.2%)
Mutual labels:  editor
Pixieditor
PixiEditor is a lightweight pixel art editor made with .NET 5
Stars: ✭ 210 (-2.78%)
Mutual labels:  editor
Sapling
A highly experimental vi-inspired editor where you edit code, not text.
Stars: ✭ 195 (-9.72%)
Mutual labels:  editor
Avaloniaedit
Avalonia-based text editor (port of AvalonEdit)
Stars: ✭ 201 (-6.94%)
Mutual labels:  editor
Vue Editor Js
editor.js for Vue users
Stars: ✭ 205 (-5.09%)
Mutual labels:  editor
Bridge.
Minecraft Add-on Editor | We strive to provide the best development experience possible
Stars: ✭ 193 (-10.65%)
Mutual labels:  editor
Lumixengine
3D C++ Game Engine - yet another open source game engine
Stars: ✭ 2,604 (+1105.56%)
Mutual labels:  editor
Vditor
♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.
Stars: ✭ 3,773 (+1646.76%)
Mutual labels:  editor
Rskimagecropper
An image cropper / photo cropper for iOS like in the Contacts app with support for landscape orientation.
Stars: ✭ 2,371 (+997.69%)
Mutual labels:  editor
Mojs Curve Editor
GUI for live easing/property curves editing
Stars: ✭ 196 (-9.26%)
Mutual labels:  editor
Vue Blocks
Vue2 dataflow graph editor
Stars: ✭ 201 (-6.94%)
Mutual labels:  editor
Vuerd
ERD Editor
Stars: ✭ 208 (-3.7%)
Mutual labels:  editor
Swagger Toolbox
💡 Swagger schema model (in yaml, json) generator from json data
Stars: ✭ 194 (-10.19%)
Mutual labels:  editor
Ox
An independent Rust text editor that runs in your terminal!
Stars: ✭ 2,634 (+1119.44%)
Mutual labels:  editor
Podcast Rss Editor
A simple Podcast RSS editor in PHP
Stars: ✭ 193 (-10.65%)
Mutual labels:  editor
Screentogif
🎬 ScreenToGif allows you to record a selected area of your screen, edit and save it as a gif or video.
Stars: ✭ 16,066 (+7337.96%)
Mutual labels:  editor
Miikun
Simple Markdown Editor using Electron.
Stars: ✭ 215 (-0.46%)
Mutual labels:  editor
React Json Editor Ajrm
A modular, easy to use, react component, to view, edit, and debug javascript objects.
Stars: ✭ 211 (-2.31%)
Mutual labels:  editor
Editor
A new type of WYSIWYG editor for Kirby
Stars: ✭ 209 (-3.24%)
Mutual labels:  editor

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].