vue tinymce

Vue-tinymce

ส่วนประกอบ Tinymce ที่มอบให้กับนักพัฒนา Vue

วัตถุประสงค์

การใช้ส่วนประกอบ Vue ของ Tinymce อย่างง่ายสำหรับนักพัฒนา ให้ซอร์สโค้ดที่ง่ายและเข้าใจง่ายสำหรับนักพัฒนาเป็นข้อมูลอ้างอิงและแน่นอนว่าคุณสามารถใช้ส่วนประกอบนี้โดยตรงกับโครงการของคุณ หากคุณพบปัญหาคุณสามารถพูดถึงปัญหาและคาดหวังความคิดเห็นของคุณ?

วิธีใช้

ติดตั้งส่วนประกอบ

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

ที่ได้รับการแนะนำ

 < 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 >

ตัวอย่างการใช้งานอื่น ๆ

• ตัวอย่างการใช้งาน vue-cli: พอร์ทัล
• ตัวอย่างการใช้งาน webpack: พอร์ทัล (เต็ม)

คุณสมบัติ

ชื่อ	อธิบาย
:content	พิมพ์ String เนื่องจากเนื้อหาข้อความถูกส่งผ่านไปยังตัวแก้ไขคุณสามารถใช้ v-model เพื่อให้ได้การผูกสองทาง
@change	ประเภท Function Change Input Undo Redo ExecCommand KeyUp Event Triggered หลังจากการตอบกลับเหตุการณ์ NodeChange ส่งคืนเนื้อหาข้อความ
:setting	ประเภท Object , การตั้งค่าตัวแก้ไข, setup ไม่แนะนำที่นี่
:setup	Function ประเภทใช้งานทั่วไปและการประมวลผลตัวแก้ไขที่กำหนดเองการประมวลผลบางอย่างได้ดำเนินการภายในส่วนประกอบขอแนะนำให้เพิ่มรหัสที่กำหนดเองที่นี่

รายละเอียดการใช้งานเพิ่มเติม

หากคุณต้องการทราบข้อมูลเพิ่มเติมโปรดย้ายไปที่รายละเอียดการใช้งาน

การดีบักในท้องถิ่น

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

สร้างการสนับสนุน

ที่เก็บนี้สร้างขึ้นด้วย SAO-ESM เป็นเทมเพลต

ใบอนุญาต

ลิขสิทธิ์ (c) packy-tunt [email protected]

ซอฟต์แวร์โอเพ่นซอร์สตามโปรโตคอล MIT