كيفية إضافة أنماط إلى TinyMCE ومحتوى تخفيض السعر

العديد من الكتاب يفضلون العمل في تخفيض السعر لأنها لغة أبسط مع عقبات أقل لتسلقها. منحت أنها أبعد ما تكون عن الكمال ، لكنها تقدم عرض أنظف من النص الخاص بك مع سهولة تصدير إلى HTML.

لسوء الحظ ، فإن أنماط تخفيض السعر الافتراضية عادة ما تكون مملة للغاية. لكن مع مكتبة wysiwyg.css, يمكنك لديك وثيقة نابضة بالحياة حالا.

تعمل مكتبة CSS المجانية هذه على تحويل جميع محتويات TinyMCE أو Markdown الأساسية إلى كتل منسقة وسهلة القراءة من HTML.

لا تحتاج إلى معرفة أي HTML / CSS معقد لاستخدام هذا البرنامج المساعد. ببساطة التفاف المحتوى الذي تم إنشاؤه في شعبة مع الفصل .سوغ, وكنت كل مجموعة.

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

ومع ذلك ، فإن الاحتمالات لا حصر لها ، ويمكنك حتى استخدام هذا لأعمال الكتابة المحلية إذا كنت تفضل تصدير المحتوى الخاص بك من تخفيض السعر إلى HTML.

بشكل افتراضي ، تحتوي مكتبة CSS هذه دعم لكل علامة HTML الرئيسية يمكن تخيلها. ويشمل ذلك جميع الرؤوس والقوائم والروابط والعلامات السابقة للرمز والأشكال وحتى العلامات شبه الغامضة مثل و . هناك القائمة الكاملة في الريبو جيثب إذا كنت ترغب في التحقق من ذلك.

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

لا يمكن أن تكون المكتبة سهلة الإعداد أيضًا. مجرد قم بتنزيل نسخة محليًا أو اسحبه مباشرة استخدام npm تثبيت wysiwyg.css

من هناك ، أنت فقط تضمين ملف CSS في رأس المستند ، واتركه يعمل. انها سوف تستهدف فقط المحتويات داخل حاوية مع الفصل .سوغ, لذلك يجب أن التفاف هذه الفئة مهما كانت الحاوية التي تريدها.

المكتبة لا تزال تحديثها بشكل متكرر, لذلك يمكنك ذلك العثور على التحديثات الأخيرة في الريبو جيثب الرئيسي. وإذا كانت لديك اقتراحات أو أفكار للتحديثات الجديدة ، فلا تتردد في مشاركتها مع المنشئ Jeremy Thomas على صفحته على Twitterjgthms.