如何给项目添加富文本

在添加之前，我们要知道前台form和普通不上传的form的区别。

form表单提交，要使用流的技术通讯。

普通的form表单是以字符流的形式提交，提交的方式有POST和GET。

而前台form表单是以字节流的形式通过POST提交的。默认的编码:

enctype=' multipart/form-data ' method='poost'

注意：这里的提交方式只有POST，并没有GET，所以如果提交方法  method=‘get'，一定会报错。

到了这里想必你已经知道二者的区别，如果想更深入了解 http://blog.****.net/belber/article/details/9831809

想要使用富文本我们首先得到网上下载一个，我这里用的是百度ueditor1.4.3.3版本的。

下载好ueditor后，因为害怕文件缺失使得整个富文本无法使用，所以我把整个富文本直接放在static文件夹下新建的ue文件夹里

因为我下载的PHP版的，无法在DJango中直接使用，所以我们得修改一些地方。

首先在 _examples文件里，找到editor.api.js。一般这个文件夹是排列在第一位。

                            

打开此文件我们直接下拉到最后，修改它的路径

这样就将Django和富文本连接起来了。

接着我们需要在add.HTML文件中做些改动。

这个文件我把它放在temples里blog文件夹中。

首先在form中添加 enctype，将整个表单从普通的不上传表单变更为前台form。

因为我们暂时只需要富文本中的ueditor.config.js文件和exampls下的editor_api.js文件，即我们先前修改路径的文件。

编辑框中存在着一个问日：

让Ueditor有固定的行高，当内容超过行高时不会自动向下延伸，而是在右边出现一个滚动条，如何实现？

我们需要添加一个js

var editor_a = UE.getEditor('blogContent',{initialFrameHeight:500}); 

这一步就是定义编辑器的初始高度，也可以定义宽度、最大输入数字、不允许自动增高（这一项很重要，不设置的话，放一张很大的图片进去，编辑框会拉的很长）

这样子我们打开页面就能看到一个简单的富文本啦。

表面看上去这个富文本已经添加好了，然而当我们在里头输入内容的时候发现了一个问题，它怎么把HTML标签也给带过来拉？

我们需要一个HTML autoescape来让调皮的富文本乖乖自动转义。

只需要在接收的HTML文件，show.HTML文件中添加autoescap标签就行啦

至此，富文本才算真正的添加进去了。