Real Time Web Analytics کانال تلگرام لرن روت

PHP

چگونه یک ویرایشگر متن به پروژه ی خود اضافه کنیم؟

نویسنده : پدرام رضایی
تاریخ انتشار:
18:41:58 1394-06-22
آموزش اضافه کردن ادیتور(ویرایشگر)متن ckeditor به پروژه ی خود و به فایل های phpوhtml از ابتدا تا انتها به همرا آموزش نحوه ی دانلود کردن آن، اضافه کردن افزونه به ckeditor

در مواقعی که نیاز است تا ما یک متن طولانی به عنوان مثال یک مقاله به یک قسمت از سایت خود اضافه کنیم لازم است تا با ادیتور(ویرایشگر)های  همانند ادیتور(ویرایشگر)های  word این کار را انجام دهیم حال ما میخواهیم در این آموزش نحوه ی اضافه کردن یکی از بهترین و کاملترین ادیتور(ویرایشگر)های موجود را به شما یاد دهیم پس این آموزش را از دست ندهید.

در دنیای وب ادیتور(ویرایشگر)های  متفاوتی وجود دارند که هر کدام مزایا و معایبی دارند، شاید بتوان مزایای یک ادیتور(ویرایشگر) خوب را اینگونه توصیف کرد که سریع، رایگان، دارای امکانات کامل و افزونه های متنوعی باشد که خوش بختانه این ادیتور(ویرایشگر) که ما قصد معرفی آن را داریم همه ی این ویژگی ها را دارد و آن ادیتور(ویرایشگر) CKEditor است.

حال که شما با این ادیتور(ویرایشگر) آشنا شدید لازم است تا نحوه ی نصب آن را برایتان توضیح دهیم.

مرحله ی اول: وارد سایت http://ckeditor.com/download شوید و با توجه به نیازتان یکی از پکیج های آن را انتخاب کنید.

مرحله ی دوم: تیک or let me customize CKEDITOR را بزنید.(برای این کار است که شما بتوانید در مرحله ی بعد افزونه های مدنظر خود را به افزونه های پیشفرض آن اضافه کنید.)

مرحله سوم: حالا پس از کلیک روی customize & Download CKEDITOR می توانید بار دیگر پکیج مد نظر خود را انتخاب کنید.

مرحله چهارم: می بینید که در اینجا شما می‌توانید افزونه ی مدنظر خود را به مجموعه افزونه های از پیش تعریف شده اضافه کنید.

مرحله پنجم: در اینجا شما می‌توانید قالب ادیتور(ویرایشگر) خود را انتخاب کنید.

مرحله ششم: در آخرین مرحله ی دانلود ادیتور(ویرایشگر) لازم است تا شما زبان مدنظر خود را به آن اضافه کنید و بعد از زدن تیک موافقت با قوانین سایت آن را دانلود کنید.

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

مرحله ی هفتم: حالا فایل دریافتی ادیتور(ویرایشگر) را از حالت فشرده خارج کنید و آن را به پوشه پروژه خود اضافه کنید.

بهتر است آن را در پوشه ی public و پوشه ی JavaScript خود کپی کنید.

مرحله ی هشتم: حالا باید فایل آن را به این صورت به صفحه ی خود اضافه کنید که دستور زیر را در head سایت خود قرار دهید.

<script src="../ckeditor.js"></script>

توجه داشته باشید با توجه به مکانی که شما پوشه ی ادیتور(ویرایشگر) خود را کپی کرده اید این آدرس فایل ممکن است تغییر کند پس دقت داشته باشید که درست آدرس آن را وارد کنید.

مرحله ی نهم: در این مرحله شما باید کد زیر را به قسمتی که میخواهید متن در آن نوشته شود اضافه کنید.

<textarea name="des" id="des" rows="10" cols="80">
            </textarea>
            <script>
                CKEDITOR.replace( 'des' );
            </script>
</textarea>

 

برچسب ها:




 پارسا اکبری
       
اضافه کردن کد به ادیتور
میخواستم بدونم توی این ادیتور که شما معرفی کردید قسمتی وجود دارد که اگر ما خواستیم تکه کدی مثل php یا html را وارد کنیم عینا همان تکه کد را نشان دهد؟


بستن
پدرام : سلام دوست عزیز، ساده ترین راهی که شما می توانید انجام دهید این است که هنگام دانلود ckeditor از قسمتی که باید پکیج ها را کم یا زیاد کرد پکیج codesnippet یا codeeditor را هم به ckeditor خود اضافه کنید.

 صالح
       
عالییییییییی
بسیار عالی بود ممنون و متشکر


بستن