Django中与Html相关的filter

转自：http://blog.csdn.net/iloveyin/article/details/49560559
adsa
在用django开发博客时，首页只需要展示文章的一部分内容。可以用内置的filter来实现。在此mark一篇博客。

----------

Django是个很伟大的东西，它的前端也非常容易上手，只需要掌握它的Template语言。这其中有个非常重要的东西叫filter，又叫过滤器。从本质上讲filter就是一个Python函数，取左端的为输入，分号后面为参数，进行处理后向右端输出，具体用法下面具体讲。当然除了我们自定义filter以外，Django内置的filter也已经足够强大，今天我们的主题就是其中的一类。

也许写过前端代码的你一定遇过以下问题中的一个，又还没解决，那么我觉得这篇文章值得一读

1. 从数据库中取出来带有Html标签的字符串，而你只想显示纯文本。
2. 从数据库中取出来带有Html标签的字符串，你希望显示被装饰后的富文本。
3. 在首页截取文章的一部分显示时导致了首页整个乱了。
4. 在Js里调用数据库中的东西时，有时候导致Js代码出现语法错误
5. 有时候想把’ ‘显示成 有时候想把<显示成’<'
6. 等等...
先说大牛们处理这类问题的方法，手写一系列符合自己要求的过滤器，便迎刃而解；但我们只想用Django自带的filter，下面我们一个一个介绍用到的filter，最后利用这些filter解决上述的疑难杂症。

## safe

让Html标签以及一些特殊符号（如<）生效，下面以例子说明：
```
value = 'CPT'

#那么输出的时候，CPT就是加粗的，如果不加safe那么显示出来的就是纯文本CPT

{{ value|safe }}
```

## striptags
取消所有Html标签,下面以例子说明：
```
#value = 'CPT'

#那么输出的时候，只有CPT且没有加粗没有段落；如果不加的话会显示全部文本CPT

{{ value|striptags }}
```

## linebreaks
让\n这种控制符号变化Html可以识别的

```

#
 value = 'CPT\nCPT'

#那么输出的时候，会以这样的格式输出CPT CPT，注意这些标签会生效，即会真的换行

#很多时候在JS里调用字符串会产生语法错误，大部分情况是因为没有注意到\n的存在，想想为什么？

{{ value|linebreaks }}
```

## truncatechars
这是今天介绍的四个filter中唯一一个带有参数的，用来截取字符串的一段，用法如下：

```
# value = 'CPTTTTTTTTTTTT'

# 那么输出的时候，会输出'CPT'

{{ value|truncatechars:3 }}
```

有了这四个工具之后我们来讨论一些具体问题，都是以上列举场景的详细情况。

## 不想显示出Html标签

一篇文章总有粗体或者什么的，总有红色蓝色的，也就说是必须要被装饰的，但是从数据库中取出来的只是一个长字符串，因此我们需要告诉前端如何显示这些文字，这个时候只需要简单的使用safe过滤器即可。

## 影响排版

往往问题都出现在什么时候呢？出现在截取字符串即truncatechars同时使用的时候，比如在首页的时候我只想显示某些文章的前100个字，也许采用truncatechars:100过滤器截取，可以采用以下方法：

但很多时候这样还是会出错，为什么呢？因为也许你截取的100个字符里Html语法本身就是错误的，比如有<div>却没有</div>。所以出错就很显然了，但是还可以这样用：
{{ value|safe|truncatechars:100 }}

## 想截取但不想渲染
很多情况都可以通过上面的句子解决，但有些时候我们并不想在首页显示文章摘要的时候渲染这些文字，比如正文中有些红红绿绿的字，但是我们显示摘要的时候只想显示纯黑色得字，怎么办呢？没错，把上面的safe直接改成striptags即可。

## 在Js里调用
但情况再恶心点，比如你在Js里调用，你还得考虑什么?没错Js是不支持换行的引号的，就是说Js里的引号只支持到一行，下面的语法在Js里是错误的：

```javascript
var s = 'aaaaa
         bbbb'
```
但是我们不能保证从数据库中取出来的东西都没有换行，也许你还想截取前100个字符，也许你还想不显示这些html标签，好吧，看下面的代码：

```python
{{ value|striptags|truncatechars:100|linebreaks }}
```

## 再恶心一点？
你其实会发现空格，大于号，小于号这些东西会以' '、 '>'、 '<'这些形式储存的，所以上面的语句执行之后可能还有会这种神奇的东西！如果这些东西出现在首页，那是要死的节奏啊。所以下面这条语句完美解决，好吧，我得了不用上四个过滤器会死的病：

```
{{ value|striptags|safe|truncatechars:100|linebreaks }}
```
当然还有一些高级的过滤器，比如有escapejs等，有机会再聊。

逆风起笔