richtext,在表单上是以富文本的形式显示的
目前采用的是wangeditor!
如果是字符串,没有设置maxlength,默认就会变更成richtext,也可以手动强制配置
字段 | 类型 | 示例 | 说明 |
---|---|---|---|
args1 | 字符 | 500 | 配置高度,默认为500 |
args2 | 字符 | 备用 | 备用 |
args3 | 字符 | /api/app/Upload/Image | 图片上传的地址 |
args4 | 字符 | 备用 | 备用 |
如果一个字段是String类型的,没有配置Maxlength,则默认为richtext
///<summary>
///富文本 模拟富文本,前端HTML的是使用wangEditv5,默认不配置maxlength的就是html
///</summary>
public string Blog { get; set; }
当然你也可以主动的配置字段为richtext
///<summary>
///内容 虽然设置了长度256,但还是会以富文本的形式展示
///</summary>
[MaxLength(256)]
[PasteRichText]
public string Html { get; set; }
UI上是这样显示的
wangeditor这个组件的引入是动态的 ,也就是form页面监测到有richtext的时候,才会动态载入wangeditor的各种js等!
富文本的另外一种形式,markdown
如果是存储markdown的,我相信一般的都会和我一样涉及数据库表,也就是html和markdown都保存,毕竟UI中可以直接显示html而不能直接显示markdown,所以就有以下内容
如果是字符串,没有设置maxlength,默认就会变更成richtext,也可以手动强制配置
字段 | 类型 | 示例 | 说明 |
---|---|---|---|
args1 | 字符 | 500 | 配置高度,默认为500 |
args2 | 字符 | txt | 表示另外一个值存储在哪个字段,所以另外一个字段一般设置隐藏 |
args3 | 字符 | /api/app/Upload/Image | 图片上传的地址 |
args4 | 字符 | str | 备用 |
///<summary>
///MarkDown 内容将提交给Mark1和MarkHtml
///</summary>
[PasteMarkDown(300,"markHtml")]
public string Mark1 { get; set; }
/// <summary>
/// 这个就是Mark1的Html代码
/// </summary>
[PasteHidden]
public string MarkHtml { get; set; }
如果你不需要保存html的格式内容,则第二个参数为空即可!
如果是按照以上的配置,注意MarkHtml要添加一个特性hidden表示UI上不显示这个字段!
markdown在UI上显示为如下效果
这个应该是使用频率最高的一个特性了,就是文本
字符串的输入,大概可以分为几种
字符串,文本域,富文本
PasteForm中规定,如果String的maxlength小于等于128,则以text的形式展示
如果maxlength小于等于64则以半行的形式显示,
那么64~128就是一整行显示了!
///<summary>
///姓名 模拟短文本输入
///</summary>
[MaxLength(32)]
[Required]
[PasteMark("str", "desc")]
public string Name { get; set; }
///<summary>
///文本区域 模拟文本区域的输入
///</summary>
[MaxLength(128)]
[PasteMark("str","desc")]
public string Desc { get; set; }
上面的Dto代码在UI中显示如下
如果maxlength大于128,你也可以让他按照text的形式显示!
///<summary>
///文本 虽然长度限制256,不过还是以text的形式展示
///</summary>
[MaxLength(256)]
[PasteText]
public string Mark { get; set; }
如上的代码,展示为:
文本域,就是多行文本
PasteForm中规定,如果maxlength大于128,则默认以textarea的形式在UI中显示
当然你也可以手动指定他!
///<summary>
///姓名 模拟短文本输入
///</summary>
[MaxLength(32)]
[Required]
[PasteMark("str", "desc")]
public string Name { get; set; }
///<summary>
///文本区域 模拟文本区域的输入
///</summary>
[MaxLength(128)]
[PasteMark("str","desc")]
public string Desc { get; set; }
///<summary>
///文本 虽然长度限制256,不过还是以text的形式展示
///</summary>
[MaxLength(256)]
[PasteText]
public string Mark { get; set; }
///<summary>
///文本区域 长度大于128则自动为textarea
///</summary>
[MaxLength(256)]
public string Text { get; set; }
以上的UI展示为