MVC3.0显示内容页面时,去掉Html标签和在文本框中显示换行

第一个问题:在如果使用ckeditor 输入内容时候,存放的数据库的信息时含有Html 标签的,当我们在页面显示的时候,不希望看到标签,此时,我们可以在显示内容的字段是加上两个Div

即:

ContractedBlock.gif ExpandedBlockStart.gif View Code
1 < div id = " divContent1 " >
2   < div id = " divContent2 " >
3 @Model.ViewResultSingle.CONTENT
4   </ div >
5   </ div >
6
7
8 < script type = " text/javascript " >
9
10 $(function ()
11 {
12 if ($( " #divContent2 " )[ 0 ].outerText)
13 {
14 // ie
15 $( " #divContent1 " ).html($( " #divContent2 " ) 0 ].outerText);
16 }
17 else
18 {
19 // Firefox
20 $( " #divContent1 " ).html($( " #divContent2 " ) 0 ].textContent);
21 }
22 });
23
24 </ script >

这种方法在返回详细详细页面,只显示一条数据时可以,但涉及到分页的问题,在其他页面显示的时候,我们需要循环每一个字段

即:

ContractedBlock.gif ExpandedBlockStart.gif JS Code
1 $( " .divContent2 " ).each(function (i)
2 {
3 $( " .divContent1 " ).eq(i).html($( this ).text());
4 });
5
6 $( " #comments " ).ajaxStop(function ()
7 {
8 $( " .divContent2 " ).each(function (i)
9 {
10 $( " .divContent1 " ).eq(i).html($( this ).text());
11 });
12 });

//comments当前整个页面的Div

@using (Ajax.BeginForm("Comment", null,
        new AjaxOptions() { UpdateTargetId = "comments" }, new { id = "frmcomments" }))
{

}

此时应该理解 ajaxStop的用法!

相应的JS方法就是去掉标签的意思

第二个问题:在文本框中显示内容换行

即 :<pre>@item.CONTENT</pre>

第三个问题:显示内容超出显示范围,并且输入英文字母无法自动换行,已测试过,在IE 和FF下没有问题!

<div style="width:600px;word-wrap: break-word; word-break: break-all;white-space:pre-wrap;">@item.CONTENT</div>

个人总结:小的知识点容易忘记,须存储!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值