Tinymce وضع عرض مفاتيح بعد التهيئة

https://stackoverflow.com//questions/25054335

21-12-2019
|

سؤال

رئيس التحرير tinymce4+.يعمل بشكل كبير في معظم أنحاء.

ولكن بغض النظر عن ما أقوم به ، هناك شيء أنا فقط لا يمكن أن تفعل.- تحويل محرر وضع على الفور.-

لدي صفحة التي يمكن للمستخدمين تحديد البيانات و تحرير و عرض المحتوى.المستخدمين انقر على زر اسمه "viewmode" ، وغيرها الجانب الثاني هو " editmode "

لقد حققت ذلك عن طريق وضع اثنين DIVs في نفس الحاوية ، مما يجعل واحد منهم غير مرئية قبل بدء-نظرة إعدادات المستخدمين قد اخترت.واحد DIV وقد محرر tinymce, iframe الوسم ، وآخر واحد فقط حفنة من html القيم التي المحرر هو عقد.ولكن الآثار الجانبية من هذا هو أن المحتوى أسلوب يمكن أن تبدو مختلفة ، اعتمادا على سمات النمط.

هذا التطبيق على شبكة الإنترنت أتحدث عنه الآن هو نظام موجود الخاصة به CSSs.انها معقدة بحيث تحصل مرة واحدة أن ننظر إلى ذلك ، قد تحتاج إلى تشغيل بعيدا عن ذلك.

إذا كنت ترغب في تجنب هذا CSS التناقض من خلال جعل محرر حيوي للتحويل إلى كلا الاتجاهين.

تحميل متعددة tinymce الكائنات هو آخر شيء أريده هنا.

أنا يمكن أن تجعل محرر تعطيل إنشاء سمة - contenteditable = false - ولكن بعد ذلك شريط الأدوات عناصر تصبح الأولاد سيئة هنا.لأنها لا تزال تعمل.إخفاء شريط الأدوات نفسها لإتمام هذه المهمة.

ولكن هل تعرف موكلي يكره ذلك وأصر علي أن محرر ينبغي أن توفر زر الطباعة في viewmode.هذا أمر محبط.

لذا ، إذا كنت يمكن أن تعطيني فكرة عن كيفية التعامل مع عناصر شريط الأدوات ، ثم أعتقد أنني يمكن أن ينجح في حل هذه المشكلة.

إذا كان من الصعب جدا ، ربط الطباعة المستمع الحدث خارجي عنصر يمكن أن يكون أيضا ثاني أفضل خيار بالنسبة لي.لأن من تلك اللحظة ، كنت مجرد رمي الأدوات بعيدا وجعل رمز الطباعة على الجزء العلوي من محرر وإرفاق الحدث إلى ذلك.

آسف على كتابة كل سهل النصوص.ولكن المسألة مثل هذا لا يتطلب أي رموز أعتقد.أمل بعض tinymce المعلم توقف عن طريق مساعدتي.

المحلول

أخيرا, أنا جعل بلدي محرر للتحويل.

الخطوة الأولى هي إخفاء جميع العناصر في شريط الأدوات tinyMCE.

tinyMCE أشرطة الأدوات محدد اسم الفئة بحيث يتم اختيارها مع jQuery فئة محدد.ولكن مع اختيار اسم الفئة وحدها أسباب الحصول على أشرطة الأدوات غير المرغوب فيها كذلك ، لذلك عليك أن تكون حذرا مع هذا.

لمعلوماتك .eq() API قد تساعدك.

بعد إخفاء جميع العناصر في شريط الأدوات ( لا إخفاء شريط الأدوات بالمناسبة.) القيام بذلك.

tinymce.ui.Factory.create({
    type: 'button',
    cmd: 'mcePrint',
    icon: 'print',
    shortcut: 'Ctrl+P',
    class : 'temp'
}).renderTo(appendTarget);

هذا هو الذهاب إلى إضافة زر عنصر في شريط الأدوات.

ولكن بطريقة أو بأخرى أنه لا يحتج الأمر أنا المحددة في cmd قيمة.

لذلك ربط هذا الحدث على زر يدويا سوف تكون مطلوبة.

tinymce.activeEditor.execCommand('mcePrint');

حتى الآن أنا خلقت مخصص شريط الأدوات لعرض وضع محرر.الآن حان الوقت لتجميد edior المحتوى الفعلي الميداني.

فإنه من السهل جدا بعد الحصول على iframe محتويات jQuery الكائن.

.contents() API ينبغي أن تساعدك.

بعد ذلك يمكنك اختيار <BODY> العنصر على الجانب الخاص بك حتى آخر ما تبقى القيام به هو إعطاء 'contenteditable=false' السمة قيمة العلامة الجسم.

ثم محرر يتجمد.

العودة إلى وضع التحرير من السهل جدا.فقط لا إلى الوراء.

الاحتجاج هذه الأحداث عند النقر على الخاص بك "مفتاح" الزر.ثم يمكنك تبديل المحرر من العرض-وضع لتعديل الوضع ( و مقابل الطريقة أيضا ).

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow