htmlでピンイン(拼音)を振る方法

はじめに

htmlで中国語を書く時に、ピンインをどうやって漢字の上に振るのかわからなかったのでメモ。ついでにpythonでピンイン変換して、htmlを出力してみた。

コード

htmlは以下のとおり。 www.shangtian.tokyo

<html>
<head>
</head>
<body>
<ruby>你好<rt>nihao</rt></ruby>
</body>
</html>

pythonでピンイン変換して出力した。

import pypinyin

def pinyin(word):
    s = ''
    #for i in pypinyin.pinyin(word, style=pypinyin.NORMAL):
    for i in pypinyin.pinyin(word, heteronym=True):
        #print(i[0])
        s += i[0]
        s += " "
    return s

if __name__ == "__main__":
    try:
        with open('1.txt','r') as fp:
            tmp = '<html>'
            for line in fp:
                print(line)
                print(pinyin(line))
                tmp += '<ruby>'
                tmp += line
                tmp += '<rt>'
                tmp += pinyin(line)
                tmp += '</rt></ruby>'
            tmp += "<html>"
    except FileNotFoundError:
        print("读取文件出错")

    try:
        with open('new4.html','w') as fq:
            fq.write(tmp)

    except FileNotFoundError:
        print("读取文件出错")

ちゃんと出力出来ている。 f:id:shangtian:20211010174351p:plain

参考文献

在Html显示拼音的方法_Mr.Starl-CSDN博客_html 拼音