tower编辑器制作（IE9+）

我们在做博客内容上传，或者写留言系统再或者类似微博留言等等，在用户写信息时，呈现给他们的肯定是一个编辑器，而不是一个纯白的只能写文字的文本框，下面就是利用tower扩展制作一个编辑器（对浏览器要求较高IE9还是10我忘了，反正低版本的慎用，低版本的可以用第二张图片中的扩展,）：

当然安全起见，可以用开完维护好的，支持兼容低版本的扩展（例如下面这个）：

TOWER这个比较简洁，我喜欢它的样式，可以选自己喜欢的扩展框架用，下载下来后，先引用里面的前端代码js,css这些玩意：

看着官方文档用就好了，代码声明：

                    <script type="text/javascript">
                        var editor = new Simditor({
                            textarea: $('#content'),
                        });
                    </script>

首先你的textarea文本框，需要定义ID，然后编辑器中声明，id为content的文本框为编辑器，代码如上，这些就可以呈现下面的样式：

其他的功能都可以用了，但是有一个玩意我们需要后台配置，就是上传图片，现在的编辑器只支持，图片网络连接地址，不能上传：

这时需要修改其中的配置代码：

 <script type="text/javascript">
                        var editor = new Simditor({
                            textarea: $('#content'),
                            upload: {
                                url: 'blog_save.php',
                                fileKey: 'upload_file'
                            }
                        });
                    </script>

加粗的下划线，即为配置代码，声明图片上传的url地址：blog_save.php

文件的Key值也就是，名字：upload_file（这个事我们后台接收处理图片的时候所需）

编写blog_save.php代码处理：

上面的是我的ID判断是否为会员的判断，不用管，下面用$_FILES方法打印出来接收到的信息，此时上传图片是失败的，我们打开控制台：

通过控制台可以看到，传送到blogp_save.php的数据为：

这个tmp_name即为数组中图片所对应的键值对的索引值，此时保存在浏览器临时目录中，我们后台拿来处理，每行都写了注释：

当我们再次点击上传图片时，打开我们定义的上传图片的目录，则会发现上传的图片，已经传送到我们指定的位置：

这样还没完....你会发现每次上传都要定义名字，做功能时肯定不会这样，所以代码修改成以下（别把图片名字设为中文，处理起来头炸）：

我们这个$file数组中的name ,也是用过之前打印出来的数据，判断图片名字所对应的字符,：

编辑器做好了，上传中文解决有点麻烦，但是可以解决，大概的功能基本都已经OK了。收工！

后台处理界面完整代码如下：