Skip to main content

UTF-8 all the way through


I'm setting up a new server, and want to support UTF-8 fully in my web application. I have tried in the past on existing servers and always seem to end up having to fall back to ISO-8859-1.



Where exactly do I need to set the encoding/charsets? I'm aware that I need to configure Apache, MySQL and PHP to do this - is there some standard checklist I can follow, or perhaps troubleshoot where the mismatches occur?



This is for a new Linux server, running MySQL 5, PHP 5 and Apache 2.


Source: Tips4allCCNA FINAL EXAM

Comments

  1. Storage:


    Specify utf8_unicode_ci (or equivalent) collation on all tables and text columns in your database. This makes MySQL physically store and retrieve values natively in UTF-8.


    Retrieval:


    In PHP, in whatever DB access method you use, you'll need to set the connection charset to utf8. This way, MySQL does no conversion from its native UTF-8 when it hands data off to PHP. For example, if you're using modern PHP's builtin mysql functions, you can use mysql_set_charset('utf8'...).
    Note that if you're on ancient PHP or are connecting via something that doesn't allow you to set the charset explicitly, you may have to issue a query to tell MySQL to give you results in UTF-8: SET NAMES 'utf8' (as soon as you connect).


    Delivery:


    You've got to tell PHP to deliver the proper headers to the client, so text will be interpreted as UTF-8. In PHP, you can use the default_charset php.ini option, or manually issue the Content-Type header yourself, which is just more work but has the same effect.


    Submission:


    You want all data sent to you by browsers to be in UTF-8. Unfortunately, the only way to reliably do this is add the accept-charset attribute to all your <form> tags: <form ... accept-charset="UTF-8">.
    Note that the W3C HTML spec says that clients "should" default to sending forms back to the server in whatever charset the server served, but this is apparently only a recommendation, hence the need for being explicit on every single <form> tag.
    Although, on that front, you'll still want to verify every submitted string as being valid UTF-8 before you try to store it or use it anywhere. PHP's mb_check_encoding() does the trick, but you have to use it religiously.


    Processing:


    This is, unfortunately, the hard part. You need to make sure that every time you process a UTF-8 string, you do so safely. Easiest way to do this is by making extensive use of PHP's mbstring extension.
    PHP's string operations are NOT by default UTF-8 safe. There are some things you can safely do with normal PHP string operations (like concatenation), but for most things you should use the equivalent mbstring function.
    To know what you're doing (read: not mess it up), you really need to know UTF-8 and how it works on the lowest possible level. Check out any of the links from utf8.com for some good resources to learn everything you need to know.
    Also, I feel like this should be said somewhere, even though it may seem obvious: every PHP or HTML file you'll be serving should be encoded in valid UTF-8.

    ReplyDelete
  2. I'd like to add one thing to chazomaticus' excellent answer:

    Don't forget the META tag either (like this, or the HTML4 or XHTML version of it):

    <meta charset="utf-8">


    That seems trivial, but IE7 has given me problems with that before.

    I was doing everything right; the database, database connection and Content-Type HTTP header were all set to UTF-8, and it worked fine in all other browsers, but Internet Explorer still insisted on using the "Western European" encoding.

    It turned out the page was missing the META tag. Adding that solved the problem.

    Edit:

    The W3C actually has a rather large section dedicated to I18N. They have a number of articles related to this issue – describing the HTTP, (X)HTML and CSS side of things:


    FAQ: Changing (X)HTML page encoding to UTF-8
    Declaring character encodings in HTML
    Tutorial: Character sets & encodings in XHTML, HTML and CSS
    Setting the HTTP charset parameter


    They recommend using both the HTTP header and HTML meta tag (or XML declaration in case of XHTML served as XML).

    ReplyDelete
  3. In addition to setting default_charset in php.ini, you can send the correct charset using header() from within your code, before any output:

    header('Content-Type: text/html; charset=utf-8');


    Working with Unicode in PHP is easy as long as you realize that most of the string functions don't work with Unicode, and some might mangle strings completely. PHP considers "characters" to be 1 byte long. Sometimes this is okay (for example, explode() only looks for a byte sequence and uses it as a separator -- so it doesn't matter what actual characters you look for). But other times, when the function is actually designed to work on characters, PHP has no idea that your text has multi-byte characters that are found with Unicode.

    A good library to check into is phputf8. This rewrites all of the "bad" functions so you can safely work on UTF8 strings. There are extensions like the mbstring extension that try to do this for you, too, but I prefer using the library because it's more portable (but I write mass-market products, so that's important for me). But phputf8 can use mbstring behind the scenes, anyway, to increase performance.

    ReplyDelete
  4. Unicode support in PHP is still a huge mess. While it's capable of converting an ISO8859 string (which it uses internally) to utf8, it lacks the capability to work with unicode strings natively, which means all the string processing functions will mangle and corrupt your strings. So you have to either use a separate library for proper utf8 support, or rewrite all the string handling functions yourself.

    The easy part is just specifying the charset in HTTP headers and in the databsae and such, but none of that matters if your PHP code doesn't output valid UTF8. That's the hard part, and PHP gives you virtually no help there. (I think PHP6 is supposed to fix the worst of this, but that's still a while away)

    ReplyDelete
  5. Good goal to have from the start - based on the nature of your site, I've found lots of resources about this by Googling - you're not the first to deal with it, of course.

    The mystical PHP6 is supposed to have all this straightened out, right?

    You can pretty much set utf-8 as the global default charset for mysql at the server level and it will default properly to the more granular levels.

    ReplyDelete
  6. In PHP, you'll need to either use the multibyte functions, or turn on mbstring.func_overload. That way things like strlen will work if you have characters that take more than one byte.

    You'll also need to identify the character set of your responses. You can either use AddDefaultCharset, as above, or write PHP code that returns the header. (Or you can add a META tag to your HTML documents.)

    ReplyDelete
  7. if you're too lazy to do those written above... you could just create your tables as you wish and make your forms accept their default browser set encodings
    then use this function to parse all inputs

    foreach($_POST as $varname => $value) {
    $$varname = utf8_decode(clean($value));
    }

    ReplyDelete
  8. The top answer is excellent. Here is what I had to on a regular debian/php/mysql setup:

    // storage
    // debian. apparently already utf-8

    // retrieval
    // the mysql database was stored in utf-8,
    // but apparently php was requesting iso. this worked:
    // ***notice "utf8", without dash, this is a mysql encoding***
    mysql_set_charset('utf8');

    // delivery
    // php.ini did not have a default charset,
    // (it was commented out, shared host) and
    // no http encoding was specified in the apache headers.
    // this made apache send out a utf-8 header
    // (and perhaps made php actually send out utf-8)
    // ***notice "utf-8", with dash, this is a php encoding***
    ini_set('default_charset','utf-8');

    // submission
    // this worked in all major browsers once apache
    // was sending out the utf-8 header. i didnt add
    // the accept-charset attribute.

    // processing
    // changed a few commands in php, like substr,
    // to mb_substr


    that was all !

    ReplyDelete
  9. In my case, I was using mb_split, which uses regex. Therefore I also had to manually make sure the regex encoding was utf-8 by doing mb_regex_encoding('UTF-8');

    As a side note, I also discovered by running mb_internal_encoding() that the internal encoding wasn't utf-8, and I changed that by running mb_internal_encoding("UTF-8");.

    ReplyDelete
  10. As far as I know, UTF8 is the standard encoding for php's internals.
    What does matter though is the charset in the headers sent by the server.

    In the php.ini file, there must be something like default_charset, which sets the default encoding in the headers.

    For apache 2.0 , you can specify AddDefaultCharset in the httpd.conf.

    And for MySQL, the encoding is specified on four different levels, so you must verify all four (server, database, table, and column) of them.

    ReplyDelete

Post a Comment

Popular posts from this blog

[韓日関係] 首相含む大幅な内閣改造の可能性…早ければ来月10日ごろ=韓国

div not scrolling properly with slimScroll plugin

I am using the slimScroll plugin for jQuery by Piotr Rochala Which is a great plugin for nice scrollbars on most browsers but I am stuck because I am using it for a chat box and whenever the user appends new text to the boxit does scroll using the .scrollTop() method however the plugin's scrollbar doesnt scroll with it and when the user wants to look though the chat history it will start scrolling from near the top. I have made a quick demo of my situation http://jsfiddle.net/DY9CT/2/ Does anyone know how to solve this problem?

Why does this javascript based printing cause Safari to refresh the page?

The page I am working on has a javascript function executed to print parts of the page. For some reason, printing in Safari, causes the window to somehow update. I say somehow, because it does not really refresh as in reload the page, but rather it starts the "rendering" of the page from start, i.e. scroll to top, flash animations start from 0, and so forth. The effect is reproduced by this fiddle: http://jsfiddle.net/fYmnB/ Clicking the print button and finishing or cancelling a print in Safari causes the screen to "go white" for a sec, which in my real website manifests itself as something "like" a reload. While running print button with, let's say, Firefox, just opens and closes the print dialogue without affecting the fiddle page in any way. Is there something with my way of calling the browsers print method that causes this, or how can it be explained - and preferably, avoided? P.S.: On my real site the same occurs with Chrome. In the ex