ایجاد یک edit menu و ارسال محتویات آن به سمت سرور

[Black_Hammer]

با سلام دوستان من یک سوال دارم و اونم اینه که چطور می تونم مثل همین منویی که وقتی می خوایم یه تایپیک جدید بدیم میاد (edite menu ) بیارم و به وسیله اون یک متنی رو ویرایش کنم به برنامه بفرستم بعد همون جوری که اون متن رو کاربر ویرایش کرده نمایش بدم.

از این منوی بالا فقط بخش لینک و اون فلش ها برام مهمه . می خوام کاربر قسمتی از متنش رو انتخاب کنه بعد دکمه لینک رو فشار بده بعد توی پنجره url آدرس رو وارد کنه و بعد ارسال. و بعد چطور باید توی action این ورودی رو دریافت کنم و یا به view بدم ممنون می شم اگه یه فایل آموزشی هم درباره این ادیت منو به من معرفی کنید. البته واقعا نمی دونم که باید سوالم رو توی کدوم بخش مطرح می کردم و گفتم شاید چون برنامه من asp.net mvc باید بیام و همین جا مطرح کنم .با تشکر

[Moien Tajik]

سلام ,
از یک ادیتور متن مثل CKEditor یا TinyMCE باید استفاده کنید .

نحوه استفاده از TinyMCE رو براتون میگم ...

1- ابتدا وارد NuGet میشیم و TinyMCE.MVC.JQuery.Sample رو نصب میکنیم .

2- بعد از نصب داخل فولدر View و داخل Shared یک فولدر به نام Editor Templates اضافه میشه . داخل Shared یک فولدر دیگه بنام DisplayTemplates ایجاد میکنم ( دقت کنیم که دقیقا باید همین اسم باشه ) و داخل این فولدر یک View جدید به اسم tinymce_jquery_full.cshtml میسازیم .

3- داخل tinymce_jquery_full.cshtml که در DisplayTemplates ساختیم این کد رو مینویسیم :



@model string
@Html.Raw(Model)



تا به اینجا ساختار View به این صورت میشه :

142910

4- بعد از این مراحل نوبت به Model میرسه . برای Property که میخوایم روش Editor بیاد و اعمال بشه این DataAnnotations ها رو قرار میدیدم :



[AllowHtml]
[UIHint("tinymce_jquery_full")]



برای مثال به این صورت میشه :

142899

کار تموم شده فقط دقت کنید که Bootstrap و jQuery رو از Layout_ در ابتدای صفحه ( head ) لود کنید .

کافیه که View و کنترلر این Model رو بسازیم و نتیجه به این صورت خواهد بود :

142911

دانلود این پروژه : http://uplod.ir/u2wynrugyv4b/TinyMCE1.zip.htm

موفق باشید .

[Black_Hammer]

خیلی ممنون از راهنماییت ولی دوتا از عکس هات مشکل دارن می شه مشکلشون رو رفع کنید؟ خیلی ممنون.

[Black_Hammer]

سلام ,
از یک ادیتور متن مثل CKEditor یا TinyMCE باید استفاده کنید .

نحوه استفاده از TinyMCE رو براتون میگم ...

1- ابتدا وارد NuGet میشیم و TinyMCE.MVC.JQuery.Sample رو نصب میکنیم .

2- بعد از نصب داخل فولدر View و داخل Shared یک فولدر به نام Editor Templates اضافه میشه . داخل Shared یک فولدر دیگه بنام DisplayTemplates ایجاد میکنم ( دقت کنیم که دقیقا باید همین اسم باشه ) و داخل این فولدر یک View جدید به اسم tinymce_jquery_full.cshtml میسازیم .

3- داخل tinymce_jquery_full.cshtml که در DisplayTemplates ساختیم این کد رو مینویسیم :



@model string
@Html.Raw(Model)



تا به اینجا ساختار View به این صورت میشه :

http://barnamenevis.org/attachment.php?attachmentid=142896&stc=1

4- بعد از این مراحل نوبت به Model میرسه . برای Property که میخوایم روش Editor بیاد و اعمال بشه این DataAnnotations ها رو قرار میدیدم :



[AllowHtml]
[UIHint("tinymce_jquery_full")]



برای مثال به این صورت میشه :

142899

کار تموم شده فقط دقت کنید که Bootstrap و jQuery رو از Layout_ در ابتدای صفحه ( head ) لود کنید .

کافیه که View و کنترلر این Model رو بسازیم و نتیجه به این صورت خواهد بود :

http://barnamenevis.org/attachment.php?attachmentid=142897&stc=1

موفق باشید .
خیلی ممنون از راهنماییت ولی دوتا از عکس هات مشکل دارن می شه مشکلشون رو رفع کنید؟ خیلی ممنون.
میشه خواهش کنم که این پروژه رو هم ضمیمه کنید و بفرستید ؟ کلان من اولین بارم هست که می خوام از text editor استفاده کنم و خیلی به مشکل برخوردم
یک سوال دیگه من معمولا برای model های خودم از یک class liberery استفاده می کنم. چطور می تونم از [System.Web.Mvc.AllowHtml] برای فیلد هام استفاده کنم ؟
چون این فضای نامی اونجا add نمی شه.

[Moien Tajik]

خیلی ممنون از راهنماییت ولی دوتا از عکس هات مشکل دارن می شه مشکلشون رو رفع کنید؟ خیلی ممنون.

عکس ها ویرایش شد .


میشه خواهش کنم که این پروژه رو هم ضمیمه کنید و بفرستید ؟ کلان من اولین بارم هست که می خوام از text editor استفاده کنم و خیلی به مشکل برخوردم

لینک دانلود پروژه هم قرار داده شد . :چشمک:


یک سوال دیگه من معمولا برای model های خودم از یک class liberery استفاده می کنم. چطور می تونم از [System.Web.Mvc.AllowHtml] برای فیلد هام استفاده کنم ؟
چون این فضای نامی اونجا add نمی شه.

کلا AllowHtml و همه ی using هایی که در مدل این پروژه ازشون استفاده شدن این دو تا هستن :

using System.ComponentModel.DataAnnotations;
using System.Web.Mvc;

[Black_Hammer]

عکس ها ویرایش شد .



لینک دانلود پروژه هم قرار داده شد . :چشمک:



کلا AllowHtml و همه ی using هایی که در مدل این پروژه ازشون استفاده شدن این دو تا هستن :

using System.ComponentModel.DataAnnotations;
using System.Web.Mvc;


ممنون از لطفت که کمک کردی ولی این فضای نامی که گفتی رفرنس هاش به صورت پیش فرض توی کلاس لایبرری نیست و من هر کاری کردم نتونستم که رفرنس system.web.mvc رو add کنم که بتونم using کنم می شه اینم راهنمایی کنی. خیلی ممنون.:قلب:

[Moien Tajik]

AllowHtml از System.Web.Mvc استفاده میکنه : https://msdn.microsoft.com/en-us/library/system.web.mvc.allowhtmlattribute(v=vs.98).aspx

پیشنهاد میکنم افزونه ی Jetbrains Resharper رو برای Visual Studio نصب کنید تا خودش بطور اتوماتیک Namespace های مربوطه برای Attribute هارو براتون اضافه کنه .

[Black_Hammer]

AllowHtml از System.Web.Mvc استفاده میکنه : https://msdn.microsoft.com/en-us/library/system.web.mvc.allowhtmlattribute(v=vs.98).aspx

پیشنهاد میکنم افزونه ی Jetbrains Resharper رو برای Visual Studio نصب کنید تا خودش بطور اتوماتیک Namespace های مربوطه برای Attribute هارو براتون اضافه کنه .

با تشکر از پاسخ شما یه نکته و اونم اینکه اگه فریم ورک mvc به refrence های پروژه شما اضافه نشده باشه که نمی تونید از فضای نمام mvc هیچ using انجام بدیم که حالا بخوایم از اون افزونه استفاده کنیم که اتومات برای ما using کنه . مشکل بنده این هست که Model بنده در یک class librery تعریف شده و رفرنس اون به پروژه اصلی add شده و در حالت پیشفرض رفرنس های mvc داخل کلاس لایبرری نیست پس اون افزونه هم نمی تونه کمکم کنه . سوال بنده اینکه چطور می تونم فضای نام system.mvc رو به رفرنس های class librery خود اضافه کنم . امید وارم تونسته باشم که منظور خودم رو برسونم . خیلی ممنون از اینکه پاسخ می دید.:بوس:

[alibahman47]

AllowHtml از System.Web.Mvc استفاده میکنه : https://msdn.microsoft.com/en-us/library/system.web.mvc.allowhtmlattribute(v=vs.98).aspx

پیشنهاد میکنم افزونه ی Jetbrains Resharper رو برای Visual Studio نصب کنید تا خودش بطور اتوماتیک Namespace های مربوطه برای Attribute هارو براتون اضافه کنه .

شیوه کاری این افزونه چطوریه ؟
بعد از اضافه کردنش چطوری باید فعال بشه ؟

این مورد همینی هست که شما میگید ؟
http://p30download.com/fa/entry/60721/

مورد زیر هم همین هست ؟
http://s9.picofile.com/file/8297067692/jes.jpg

اونی که و Nuget هست حجمش خیلی کمتره .

[Moien Tajik]

از Nuget نباید نصب کنید ، مثل Extension هست که باید دانلودش کنید و با Setup به کل ویژوال استادیو اضافه میشه .
از اینجا میتونید دانلود و نصب کنیدش : https://soft98.ir/software/programming/14633-JetBrains-ReSharper.html