vue tinymce

vue-tinimce

Komponen Tinymce disediakan untuk pengembang vue

Tujuan

Penggunaan sederhana komponen VUE Tinymce untuk pengembang. Berikan kode sumber yang sangat sederhana dan mudah dipahami untuk pengembang sebagai referensi, dan tentu saja Anda juga dapat menggunakan komponen ini langsung ke proyek Anda. Jika Anda menemukan masalah, Anda dapat menyebutkan masalah ini dan mengharapkan umpan balik Anda?

Cara menggunakan

Instal komponen

yarn add @packy-tang/vue-tinymce
# or
npm install @packy-tang/vue-tinymce

Diperkenalkan

 < template >
    <!-- 全局引入TinyMCE -->
    < script src =" //unpkg.com/[email protected]/tinymce.min.js " > </ script >
    <!-- App -->
    < div id =" app " >
        < vue-tinymce
            v-model =" content "
            :setup =" setup "
            :setting =" setting " />
    </ div >
</ template >
< script >
    import Vue from "vue"
    import VueTinymce from "@packy-tang/vue-tinymce"

    //安装组件
    Vue . use ( VueTinymce )

    new Vue ( {
        el : "#app" ,
        data : function ( ) {
            return {
                content : "<p>html content</p>" ,
                setting : {
                    height : 500
                }
            }
        } ,
        methods : {
            setup ( editor ) {
                console . log ( editor )
            }
        }
    } )
</ script >

Contoh penggunaan lainnya

• Contoh Penggunaan Vue-Cli: Portal
• Contoh Penggunaan Webpack: Portal (diisi)

milik

nama	menggambarkan
:content	Ketik String , saat konten teks diteruskan ke editor, Anda dapat menggunakan v-model untuk mencapai ikatan dua arah
@change	Jenis Function , Input Change Undo Redo ExecCommand KeyUp Event yang dipicu setelah NodeChange Event Response Mengembalikan Konten Teks
:setting	Ketik Object , Pengaturan Editor, setup tidak disarankan di sini
:setup	Jenis Function , pemrosesan editor yang umum digunakan dan disesuaikan, beberapa pemrosesan telah dilakukan di dalam komponen, disarankan untuk menambahkan kode khusus di sini

Lebih banyak detail penggunaan

Jika Anda ingin tahu lebih banyak, silakan pindah ke detail penggunaan

Debugging lokal

 # 运行本地例子
$ npm run serve 
# 构建
$ npm run build
# 发布版本
$ npm run release

Membangun dukungan

Repositori ini dibangun dengan SAO-ESM sebagai templat.

Lisensi

Hak Cipta (C) Packy-tang [email protected]

Perangkat lunak open source sesuai dengan protokol MIT.