System.Threading.Tasks.Task`1[Microsoft.AspNetCore.Html.IHtmlContent]

آموزش آپلود عکس در CkEditor در Asp.net Core

 

اپلود عکس در ckeditor

 

یکی از نیازمندی هایی که اکثر برنامه نویسان با آن مواجه می شوند قرار دادن تصویر در بین متن می باشد. فرض کنید یک سایت خبری طراحی کرده اید و کاربر نهایی قصد دارد در بین متن اخبار چند تصویر هم قرار دهد. یا قصد نوشتن مقاله ای را دارید و می خواهید تصاویر مرتبط با مقاله را نیز در بین متن مقاله قرار دهید.

 

قرار دادن تصویر بین متن چندین فایده دارد. برخی از آنها شامل موارد زیر می باشد:

  • خوانا کردن و فهم بهتر مطلب
  • کمک به سئوی مقاله و سایت
  • توضیح دادن مفهومی تر مطلب

 

یکی از ادیتور هایی که بسیار بین برنامه نویسان وب محبوبیت دارد CkEditor می باشد. این ادیتور قابلیت آپلود تصویر و قرار دادن عکس بین متن را دارا می باشد. در این فیلم آموزشی به صورت کاملا ساده و در قالب یک پروژه که در محیط Visual Studio 2019 و توسط Asp.net Core 3.1 انجام شده است نحوه استفاده از CkEditor در View و نحوه تنظیم کردن ادیتور جهت آپلود تصویر بین متن را آموزش داده ایم.

 

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

  • آشنایی با ادیتور حرفه ای متن CkEditor
  • ایجاد پروژه در محیط ویژوال استودیو 2019 توسط تکنولوژی Asp.net Core 3.1
  • آموزش نحوه افزودن ادیتور به پروژه
  • کار با فایل های کانفیگ ادیتور مثل config.js
  • فعال کردن پلاگین آپلود تصویر در CkEditor
  • کدنویسی تابع آپلود عکس و ذخیره عکس در سایت
  • کنترل حجم و فرمت تصاویر آپلود شده
  •  ارسال متن ادیتور به سمت سرور جهت ذخیره در دیتابیس 
  • و ...
سرفصل های دوره
*جهت دانلود قسمتهای رایگان ابتدا لاگین کنید.*
    • 1
    • آموزش آپلود عکس در CkEditor

نظرات 2


جهت ارسال نظر خود لطفا لاگین کنید.
  • hosseinmohsen

    سلام من از kcfinder در ckeditorاستفاده کردم می خوام وقتی عکس انتخاب میشه تو ادیتور آدرسش در قسمت url همراه با http://...سایت باشه چه طور می تونم ؟

  • yanni2

    بسیار عالی بود

مشخصات این دوره آموزشی

  • مدرس دوره : سعید بحرانی فرد
  • تعداد قسمتها : 1
  • زمان دوره : 00:26:47
  • سطح دوره : پروژه محور
  • تعداد دانشجو : 177
  • وضعیت دوره : تکمیل شده
  • نوع دوره : دانلودی
  • سورس : دارد
  • آخرین آپدیت : ۱۳۹۹/۰۸/۰۲
  • قیمت : رایگان !
دسته بندی آموزش

جی کوئری
Asp.net Core