home VS hint.css

I recommend you look into https://rime.im/, and their android app 同文RIME.

As a native chinese speaker, I recommend you install rime. It's smart and basically support all kinds of chinese input methods. To install, refer to the ubuntu section of this page and install all the require package using apt. Then open the setting app, go to region & language and click manage installed language. First change the input method framework back to ibus in the "keyboard input method system" section. Then click manage installed language, select Installed/Remove language, tick the language you want to use (In your case japanese and chinese).

For Han Nom input: Download and install Rime (https://rime.im): Windows / Linux / MacOS

https://rime.im very good, very customizable, very versatile

> Because the code took only the first letter, rather than the complete sound of the character, most regional speech variations did not matter.

This bit is really interesting. This is one of the motivations for an open source Chinese IME framework called RIME: https://rime.im There are configurations available for a number of dialects like Suzhou or Shanghai dialects so that users who prefer those languages don’t have to use Mandarin/putonghua pinyin.

I highly recommend 中州韻輸入法引擎, an input engine that supports many Chinese (and non-Chinese) input methods. I only use Pinyin and Jyutping with it, but I'm sure there are ways to input Shanghainese phonetically too. An easy way to hand-write characters with your keyboard (also supported by this engine) is 五筆畫 (different from 五筆): see here for a quick overview.

Try the GB18030 version of 五笔86 - it does all characters, 冇、乜、龘、etc included. Specifically, you can have a look at This schema which is for the RIME input method.

Yes, all off one system. Basically, I'm using an IME called RIME, which is a chinese IME that lets you install schemas created by other people.

If you want an input method that supports inputting tones as well, I would suggest using RIME https://rime.im/ with rime-cantonese https://github.com/rime/rime-cantonese - but that is an installable input method, not a webpage.

For example: https://kushagra.dev/lab/hint/ {{Front}} Type the above content into the card template. Place the cursor over the text in the "Front" field and the contents of the "Back" field will appear.

First we will talk about the requirements and dependencies of this project. In this project we will use Axios to make a HTTP request (you can also use XML request for Fetch api to do the same), and Hint.css for hints (not necessary).

chinchang/hint.css - A CSS only tooltip library for your lovely websites.