Redmask.Taghelpers

Description

Some useful UI taghelpers
tinymc5 + roxyfilenam , persian calendar picker , image chooser dialog(instead of file input) , social share btn

source code and sample : https://github.com/vahidarya14/Redmask.Taghelpers2

sample usage source:

add this in head of site

@Html.RedmaskCss(new CssPool(Bootstrap.v5).PersianDateTimePicker().Kendo2020().AdminLTE3().TagInput().PersianCss()) <script src="~/_content/Redmask.Taghelpers/lib/jquery/jquery.min.js"></script>

and this in footer (or header)

@Html.RedmaskJs(new ScriptsPool(Bootstrap.v5).PersianDateTimePicker().Kendo2020().AdminLTE3().TinyMCE5().TagInput())

add csharp @addTagHelper *,Redmask.Taghelpers to _ViewImport.cshtml

Done

[!NOTE] you can ignore PersianDateTimePicker or Kendo2020 or AdminLTE or TagInput or PersianCss if you aren't using these component.and just add needed css and js

usage

imageChooser:

<imageChooserFor asp-for="Icon" folder-path="@Setting.ContentsFolder" max-kb="1500" img-css="max-height:200px;border:2px solid blue;" ></imageChooserFor>

TagInput:

<TagInputFor asp-for="Tags" seperator=","/>

PersianDatePicker:

if you are using bootstrap 5

<PersianDatePickerBs5For asp-for="CreateDate" />

if you are using bootstrap 4

<PersianDatePickerBs4For asp-for="CreateDate" />