php添加数据为什么只能填加数字和英文，添加文字就会报错

用php写了一段代码，添加数据只能填加数字和英文，添加文字就会报错，求位高手帮我解决下着个问题。
下面是报错:
执行错误Incorrect string value: '\xE8\xB4\xB9\xE6\x98\xAF...' for column 'n_content' at row 1
以下是代码：
<?php
header("Content-Type:text/html;charset=utf-8"); 
if($_POST['submit']!=""){
$i=$_POST['id'];
$t=$_POST['title'];
$c=$_POST['content'];
$con=mysql_connect("localhost","root","root");
mysql_select_db("test",$con);
    $sql="INSERT INTO news (n_id,n_title,n_content) VALUES (NULL,'$t','$c') ;";
    echo $sql;
    $rat=mysql_query($sql,$con ) or die('执行错误'.mysql_error())  ;

    if($rat){
     echo '插入成功';
    }else{
        echo '插入失败';
    }
    mysql_close($con );
}
mysql_close($con);
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<meta charset="utf-8" />
<title>Auto Height Examples</title>
<link rel="stylesheet" href="../editor/themes/default/default.css" />
<script charset="utf-8" src="../editor/kindeditor-min.js"></script>
<script charset="utf-8" src="../editor/lang/zh_CN.js"></script>
<script>
KindEditor.ready(function(K) {
K.create('textarea[name="content"]', {
autoHeightMode : true,
afterCreate : function() {
this.loadPlugin('autoheight');
}
});
});//手动调节高度
</script>
<script charset="utf-8" src="../editor/kindeditor.js"></script>
        <script>
            KE.init({
                 id : 'editor_id'
                 });
            $.ready(function() {
            KE.create('editor_id');
                 });
             KE.show({
                id : 'editor_id'
             });
        </script>
</head>
<body>
<form action='editor.php' method='post'>
    标题: <input type='text' name='title' value=''><br/>
内容：<textarea   id="editor_id" name='content' style="width:60%;height:300px;"></textarea>
<input type='submit' name='submit' value='提交'>
</form>
</body>
</html>PHPMySQL