Problem with reading strange/foreign characters from JSON file

[Stiijnn]

Hi guys,

I'm having a problem with reading strange/foreign characters from a JSON file. The strange/foreign characters are transformed to a question mark...

For example:

vóór (in the JSON file)
becomes
voor.png (in the console.log(value) when reading and storing the data in the store)

I did include the UTF-8 charset in my index.html as follows:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

The data is (currently) stored in a local json file as follows:

[
    {
        "title": "Test",
        "content": "<p>Test me please. Dit zou als vóór moeten verschijnen.</p>"
    }
]

And this is the Panel where it should appear:

Ext.define('Infections.view.illness.Details', {
    extend: 'Ext.Panel',
    xtype: 'illnessDetails',

    config: {
        title: 'Content',
        iconCls: 'info',
        tpl: '{content}'
    }
});

Any known fixes for this?

Thanks.

[Kurt001]

You might have to send the content in the correct way from the server.
e.g. PHP
utf8_encode($returnValue)

[Stiijnn]

The problem is I can't edit to the data on the server side.

[Kurt001]

probably something like this helps

[Stiijnn]

I tried your solution but instead of the question mark it is now displayed as:
v��r

So the problem is not really in displaying the characters, but rather in reading the characters from the JSON file...

In the JSON file it says:
vóór

but when logging the data in the model (via convert => console.log(value)) it says:
v??r

[Stiijnn]

Any other solutions available?

I'm still stuck on this problem where the strange/foreign characters from my JSON file can not be read, and are replaced by the symbol ?.

[Kurt001]

There is no one line command to solve this.
Personally I did a htmlDecode method which takes all special chars and works with str.replace().

I created an object with the special chars ({"ù":"ù"}) and then it runs over the text in a for loop.