法语字符用户输入和显示

Question

我有一个html表单，用户可以在其中输入他们的名字。我的一些用户将是法语，并且必须使用像é这样的字符。然后我获取信息并在下一页显示它以进行确认，问题是所有这些字符都显示为问号。

我知道如何使用html实体，我代表我在网站上使用的所有法语字符，é变为& eacute;（没有空格）等等。我没有使用数据库或类似的东西，所以PHP对我没用。

我从这里找到了这个功能Here

function htmlEncode(value){
    return String(value).replace(/é/g, 'é').replace(/É/g,'É').replace(/È/g, 'È').replace(/è/g, 'è');
}

问题是当我检查我的网页来源时，它会将功能中的重音字符显示为黑色问号。我的元标记总是被正确声明，我尝试了<meta charset="UTF-8">以及<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">，但仍然没有运气。所以我想我的问题是，如何使用Javascript将重音字符从用户的输入转换为html实体？