vue tinymce

vue-tinymce

مكونات tinymce المقدمة لمطوري VUE

غاية

الاستخدام البسيط لمكونات VUE's 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 مثال: Portal
• مثال استخدام حزمة الويب: بوابة (ليتم ملؤها)

ملكية

اسم	يصف
:content	اكتب String ، مع تمرير محتوى النص إلى المحرر ، يمكنك استخدام v-model لتحقيق الربط ثنائي الاتجاه
@change	Function النوع ، Change Input Undo Redo ExecCommand KeyUp الذي تم تشغيله بعد إرجاع استجابة حدث NodeChange المحتوى النص
:setting	اكتب Object ، إعدادات المحرر ، لا ينصح هنا setup هنا
:setup	Function النوع ، معالجة المحرر المستخدمة بشكل شائع ، تم إجراء بعض المعالجة داخل المكون ، يوصى بإضافة رمز مخصص هنا

المزيد من تفاصيل الاستخدام

إذا كنت تريد معرفة المزيد ، يرجى الانتقال إلى تفاصيل الاستخدام

تصحيح الأخطاء المحلية

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

بناء الدعم

تم تصميم هذا المستودع مع SAO-ESM كقالب.

رخصة

حقوق الطبع والنشر (C) Packy-Tang [email protected]

برنامج مفتوح المصدر وفقًا لبروتوكول MIT.