رنگی نمایش دادن کدها با prism در tinyMCE

توی اموزش های قبلی نحوه ی استفاده از tinyMCE رو به دوستان عزیز اموزش دادم اگه نمیدونید tinyMCE رو چجوری باید استفاده کرد بهتره که ابتدا این اموزش برید بخونید (کلیک کنید) و بعدش دوباره به همینجا برگردید.

برای نمایش دادن کدها در tinyMCE به صورت رنگی , نیاز داریم که prism رو برای tinyMCE فعالسازی کنیم , در ابتدا شما باید prism به صفحه خودتون اظافه کنید و سپس پلاگین prism رو درون پوشه ی plugins مربوط به تاینی مایس اظافه کنید.

برای نصب prism بر روی tinyMCE مراحل زیر رو انجام بدید:

  1. پلاگین prism برای tinyMCE رو میتونید از سایت اصلیش (ازاینجا) دانلود کنید و درون پوشه ی plugins در tinyMCE قرار بدید.
  2. خود prism رو نیز با توجه به اموزشی که اینجا گذاشتم(کلیک کنید) دانلود کنید و به هدر (header) صفحه اظافه کنید.
  3. حالا tinyMCE رو مثل کد زیر فعالسازی کنید و در قسمت plugins نام prism رو نیز ذکر کنید , همچنین در قسمت toolbar نیز باید نام prism رو ذکر کنید.

ویرایشگر tinyMCE و همچنین prism رو در انتهای این پست قرار دادم که میتونید دانلود کنید , توضیحات خاصی وجود نداره 😀 کد رو دانلود کنید و یه نگاهی به صفحه ی index.html بندازید متوجه میشید. فقط باید به دوستان نحوه ی استفاده از تولبار prism رو بگم , با ادامه ی اموزش همراه باشید 🙂

نحوه ی کار : ویرایشگر tinyMCE چیزی شبیه شکل زیر خواهد بود که با کلیک کردن رو بخشی که با زرد هایلایت کردم بخش مربوط به وارد کردن کد باز میشود و بعد از اینکه کد خودتون رو نوشتید کافیه نوع زبان برنامه نویسی رو از بخش language انتخاب کنید و ok بزنید 😀 به همین راحتی.

Captureپیش نمایش tinyMCE که افزونه prism رو روی اون نصب کردم میتونید از اینجا ببینید(کلیک کنید) , دوستان عزیز tinyMCE به همراه افزونه ی prism نصب شده روی اون رو براتون اخر پست گذاشتم میتونید دانلود کنید.

دوستانی که سوال یا مشکل دارند از بخش نظرات پایین همین پست مطرح کنند تا پاسخ بدم. موفق باشیییییییییید.

tinyMCE همراه با prism
tinyMCE همراه با prism
tinymce_with_prism.zip
424.2 KiB
5 Downloads
اطلاعات بیشتر
به اشتراک بگذارید:Email this to someoneShare on FacebookTweet about this on TwitterShare on Google+Digg thisShare on LinkedInPin on PinterestShare on StumbleUponFlattr the authorShare on RedditBuffer this pageShare on TumblrPrint this pageShare on YummlyShare on VK

می‌خواهید دیدگاهتان را بیان کنید؟