یه مشکلی امروز تو یکی از پروژه هام داشتم که بعد از رفع مشکل، گفتم تجربه م رو بنویسم شاید بدردتون بخوره :)
تو اکثر پروژه هایی که انجام میدم، اگر نیاز به ادیتور باشه، از ادیتور summernote استفاده میکنم. تو یکی از این پروژه ها به مشکلی برخوردیم، اینکه اگر کاربر متنی رو از داخل سایت کپی کنه و بخواد تو ادیتور paste کنه، متن به همراه استایلش کپی میشه و داخل ادیتور قرار میگیره، یعنی با تگ های html و به همراه class و style و ... ! این باعث میشه موقع نمایش، اغلب تداخل ایجاد بشه و سایت به مشکل بخوره!
برای رفع این مشکل میتونید از آپشن callback کمک بگیرید و با استفاده از کالبک on paste ، متن در حال paste شدن در ادیتور رو کنترل کنید، با قرار دادن تکه کد زیر، استایل حذف میشه و فقط خود ِ متن داخل ادیتور paste میشه :
حالا یه مورد دیگه هم که باید حواستون باشه اینه که، اگر کاربر همون متن رو داخل ادیتور drag کنه، باز هم استایل ها کپی میشن، برای اینکه این مشکل هم حل کنید، بهتره قابلیت drag and drop رو با کد زیر غیر فعال کنید :
با این تغییرات، کد نهاییتون برای یه ادیتور بی دردسر این شکلی میشه که میتونید آپشن های دیگه هم بهش اضافه کنید :
امیدوارم به کارتون بیاد، اگر شما هم تجربه ای در این زمینه داشتید، خوشحال میشم تو کامنت ها بنویسید و چیز جدیدی ازتون یاد بگیرم :)
