www.dntips.ir
مطالب ۳۶۹۴
نویسندگان ۲۷۶
گروه‌های مطالب ۱۰۲۴
نقشه‌های راه ۱۱۹
دوره‌ها ۱۴
اشتراک‌ها ۱۷۹۱۴
عنوان:

‫استفاده از ادیتور CKEditor در صفحات ASP.NET


نویسنده: مهدی پایروند
تاریخ: ۱۳۹۱/۰۴/۱۰ ۹:۵۴
آدرس: www.dntips.ir
در مواردی مانند همین وبلاگ احتیاج به داشتن محل نوشتن، در محیط ادیتور مانندی میباشد که برای این مورد میتوان از ادیتور CKEditor استفاده کرد. بعد از دانلود محتویات مربوطه (که در اینجا از dll مربوط به asp.net استفاده نشده بلکه فایل‌های ادیتور مستقیما مورد استفاده قرار گرفته است)، کافیست لینک‌های مربوط به جاوا اسکریپت و استایل را به هدر اضافه کرد:

<link href="admin/editor/contents.css" rel="stylesheet" type="text/css" />
<script src="admin/editor/ckeditor.js" type="text/javascript"></script>
 و در کد صفحه، بسته به زبان مورد نیاز، یک اسکریپت را به صفحه اضافه نمود؛ در اینجا فارسی استفاده شده:
var clientId = "txtPostBody";
var strEditor = strBodyFa = "CKEDITOR.replace( '" + clientId + "',{skin : 'office2003' , language : 
'fa' , contentsLangDirection : 'rtl'});";
ClientScript.RegisterStartupScript(GetType(), clientId + "_Editor", strBodyFa, true);
در مثال بالا برای باکس متنی به بنام txtPostBody، کد مربوط ایجاد و به صفحه افزوده شده است.
نکته: پوشه مربوط به ادیتور در محلی که در دسترس صفحه باشد باید قرار گیرد که در اکثر موارد قسمت ادمین وب یا اپلیکشن است
مطالب مشابه

نظرات

  • مهمان در ۱۳۹۱/۰۴/۱۱ ۱۱:۴۵
    دوست عزیز سلام
    مطالب مفیدی داری که مشتاقانه اونها رو پیگیری می‌کنم
    راجع به این ادیتور یه سوال داشتم
    ایا استفاده از سورس بدون لایسنس امکانپذیره؟
    یا حتما لایسنس می‌خواد؟
    من از کجا می‌تونم سورسش رو داشته باشم؟

    بسیار بسیار متشکرم
    گودرزی
    • مهدی پایروند در ۱۳۹۱/۰۴/۱۱ ۱۶:۵۶
      سلام، میتونید برای اطلاعات دقیق‌تر بخود سایت ckeditor.com/license رجوع کنید ولی تا اونجایی که من اطلاع دارم  تا کد رو تغییر ندید استفاده ازش تو پروژه‌ها رایگان است ولی مورد گالری اون رو باید بخرید. ممنونم
      • مهمان در ۱۳۹۱/۰۴/۱۸ ۱۸:۲۲
        با تشکر از پاسخ شما.
        مهمترین چیزی که من از ادیتور می‌خوام، قابلیت آپلود عکسه!
        شما در همین باکس ارسال نظر این قابلیت رو دارید در حالی که ckeditor چنین قابلیتی رو نداره.

        لطفا منو راهنمایی کنید.
        سپاسگزارم
        • صابر فتح الهی در ۱۳۹۱/۰۴/۱۸ ۱۹:۳
          سلام
          CKEditor مستقیما این امکان نداره اما می‌تونین از CKFinder که روی CKEditor نصب میشه و برای این کار طراحی شده استفاده کنید
          موفق وموید باشید
  • بهزاد شیرانی در ۱۳۹۲/۰۵/۲۶ ۱۴:۴۳
    آیا از لحاظ امنیتی استفاده از ckEditor مشکلی نداره؟
    به خاطر این که تا اونجایی که می‌دونم اگر بخوایم به روشی که شما گفتید از این کنترل استفاده کنیم باید تنظیمات امنیتی صفحه  (ValidateRequest) رو غیر فعال کنیم و در این صورت کاربر هر نوع کد HTML که بخواد می‌تونه توی اون وارد کنه.
    • وحید نصیری در ۱۳۹۲/۰۵/۲۶ ۱۴:۵۲
      - ValidateRequest به صورت پیش فرض به هر نوع تگی عکس العمل نشون می‌ده؛ نه فقط به یک سری تگ خاص.
      - در MVC می‌تونید فقط به ازای یک خاصیت، AllowHtml رو فعال کنید و نه به اجبار به ازای کل صفحه یا کل سایت (مثل وب فرم‌ها).
      - بعد از اینکه AllowHtml رو فعال کردید، نیاز خواهید داشت ورودی کاربر را اندکی تمیز کنید.
      • بهزاد شیرانی در ۱۳۹۲/۰۵/۲۶ ۱۵:۳۹
        ممنون از پاسختون
        ولی من از WebForm استفاده می‌کنم
        فکر می‌کنم همون تمیز کردن کد‌ها راه خوبی باشه 
      • مهمان در ۱۳۹۳/۰۷/۰۹ ۱۲:۲۲
        با سلام؛ من ویراشگر متنی که در قسمت تماس با استفاده کرده اید را نیاز دارم. در صورت امکان لینک آن را به ایمیل من ارسال کنید. با تشکر فراوران
        • وحید نصیری در ۱۳۹۳/۰۷/۰۹ ۱۲:۳۶
          RedActor هست. البته بهتر است از Froala استفاده کنید؛ چون پشتیبانی بهتری دارد.