Thread:Project:Support desk/Cannot input UTF-8 characters (Japanese) when editing wiki pages

I have a fresh installation of MediaWiki 1.24.2 and I have difficulties inputting Japanese characters (and probably UTF-8 characters in general). When I am editing a wiki page using the editor, I start typing some Japanese characters and then click 'Save Page'. But then the characters become "???" after the edited page loads. Attempting to edit the page again shows the same "???" kind of characters.

I initially suspected it had something to do with how my database was configured since some of the character_set variables were set to 'latin1' but I have modified my database's /etc/my.cnf.d/server.cnf file to use utf8 (as shown below).

Default charset of httpd and php are set to utf8 as well.

Just now, I setup the VisualEditor (and parsoid service) and it seems I can input Japanese characters just fine within the VisualEditor and after saving, the wiki page looks fine. When I edit using the WikiEditor, the wiki page has the same garbled text after saving. I've also noticed when using the VisualEditor, I can create a link to a new page whose title consists of Japanese characters but when I proceed to actually create the new page, I get garbled text using the WikiEditor and when trying the VisualEditor, I get a bad title error.

What could be the problem with my MediaWiki's configuration? Any input is greatly appreciated.

You may check the wiki yourself using the following (I plan to start fresh again once the problem is solved):
 * User: testuser
 * Pass: testtest
 * www.yoshilab.dnj.ynu.ac.jp/yoshiwiki/index.php/Main_Page (could not post as an external link)

Environment Specifications

 * MediaWiki 1.24.2
 * PHP 5.4.16 (apache2handler)
 * MariaDB 5.5.42-MariaDB-wsrep
 * CentOS Linux release 7.1.1503 (Core)