افزودن CKeditor به لاراول

Question

من میخواستم از CKeditor که در حال حاضر نسخه های ۴ و ۵ آن موجود است، درون فریم ورک لاراول و پروژه خودم استفاده کنم. یک پکیج به نام UniSharp هست که با وجود نصب کردن آن نتوانستم به درستی خروجی مناسب را بگیرم. لطفا آموزش افزودن ادیتور (CKeditor) در لاراول را به من بگویید.

مسعود صالحی · Answer

برای افزودن ادیتور (CKEditor) به لاراول کافیست مراحل زیر را طی کنید. نیازی به استفاده از هیچ پکیجی نیست.

۱) ابتدا وارد سایت ckeditor.com شوید و سپس نسخه مورد نظر خود را با کلیک روی علامت منو در گوشه صفحه، دانلود کنید.

۲) در قالب اصلی خود (قالب مستر یا master) ابتدا دستور زیر را وارد کنید تا یک مکان برای قرار دادن اسکریپت های جاوا اسکریپت مشخص نمایید:

<html>

   <head>
       @yield('script')
   </head>
   <body>

   </body>

</html>

همانطور که ملاحظه می کنید در قسمت head قالب اصلی یک فضا به نام script تعریف کرده ایم تا در هر قسمتی از قالب بتوانیم کدهای جاوا اسکریپت را در این مکان قرار دهیم.

۳) سپس به فایل blade ای که میخواهید CKEditor را به آن اضافه کنید، رفته و کد زیر را انتهای صفحه قرار دهید:

@section('script')
 <script src="assets/js/plugins/ckeditor/ckeditor.js">
     CKEDITOR.replace( 'ckeditor',
     {
       customConfig : 'config.js',
       toolbar : 'simple'
     })
 </script>
@endsection

توجه داشته باشید که به جای عبارت assets/js/plugins/ckeditor/ckeditor.js باید مسیر فایلی که در پوشه public شما قرار دارد را بدهید.

۴) در مرحله چهار یک المان از نوع textarea ایجاد کنید و در نهایت id آن را برابر ckeditor قرار دهید:

<textarea id="ckeditor" class="form-control"></textarea>

کار ما در این مرحله به اتمام رسید و اگر صفحه را رفرش کنید، ادیتور ckeditor در لاراول اضافه شده است.

رافق مجتهدزاده خیاوی · Answer

سلاممن با این روش ckeditor5 رو به سادگی به پروژم اضافه کردم. حالا می خواستم یکی از پلاگین های ckeditor که برای تایپ فرمولهای ریاضی استفاده می شه رو به پروژه اضافه کنم. می خواستم ببینم می تونید تو این مورد هم راهنمایی بفرمایید.چون من هر چی مستندات رو مطالعه کردم برای ckeditor5 روش ساده ای مانند همینی که شما توضیح دادید پیدا نکردم.اینجا خیلی خوب و ساده توضیحش هست اما من نتونستم راه اندازی کنم:https://ckeditor.com/docs/ckeditor5/latest/features/math-equations.html#php

افزودن CKeditor به لاراول

آخرین دوره‌های آموزشی روکسو

سوالات مرتبط

روکسو در اینستاگرام