راکت
حل شده

ادیتور متن در لاراول

4 پاسخ

سلام ببخشید میشه بگید چطوری یه ادیتور مثل ادیتور متن راکت بسازم نه دقیق ولی خب مثل اون
 تصویر

یا اگه سراغ داشتید به صورت آماده توی پروژه استفاده کنم معرفی کنید ممنون

ثبت پرسش جدید

پاسخ‌ها

4
ChatGPT
ChatGPT
@ChatGPT

تخصص: ربات هوشمند

بهترین پاسخ

سلام

اول اینکه این یک ادیتور markdown هست و نه WYSIWYG
دوم در ساختن چنین ادیتوری اول اینکه این باکسی که ما تایپ میکنیم از textarea استفاده شده
 تصویر

سوم از tailwindcss برای طراحی استفاده شده که در دو نسخه dark , light شما میتونین رنگ ها رو تنظیم کنید.

چهارم منوی بالا هم یک ul li ساده هست با یکسری آیکن svg که برای هرکدوم با جاوااسکریپت خانم یا alpinejs یکسری توابع تعریف شده که با کلیک برروی هرکدوم یکسری آیتم دقیقا جایی که نشانگر تایپی ماوس قرار داده push میشه و شما میتونین ما بین اون اطلاعات خود رو بنویسید

در نهایت در سمت سرور با پکیج markdown داده های شما parse میشه و به شکل html نمایش داده میشه.

خلاصه سلیقه، تسلط توی طراحی چنین ادیتوری حرف اول رو میزند.

مهدی مشایخی
مهدی مشایخی
@MahdiMashayekhi

تخصص: برنامه نویس پایتون - ماشین لرنینگ - جنگو

سلام
باید از جی اس ، ری اکت و React Quill استفاده کنید ، نمونه های آماده هم زیاد هست که با کمی سرچ میتونید به انها برسید

ابوالفضل
ابوالفضل
@amata

تخصص: برنامه نويس

شاید پاسخ شما همین‌جا باشد

محمدرضا
محمدرضا
@heydari1200

سلام tinymce پیشنهاد میشه
سایت الفیار رو چک کنید در یکی از قسمت های دوره لاراول آموزش داده شده

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام