VietKK/example.html at main · locple/VietKK · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
<title>VietK2K Input Method</title>
<style>body { font-family: Arial, sans-serif; }</style>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="phuocloc@gmail.com" />
<body>
    <h1>Gõ tiếng Việt bằng phương pháp KK</h1>
    <br/>
    <p style="color: darkred; margin-left: 30px;">Trước khi bắt đầu, <b>VUI LÒNG TẮT KIỂU GÕ TIẾNG VIỆT</b> hiện tại trên máy PC hay laptop của bạn.</p>
    <h3 style="color: darkblue;">Hướng dẫn gõ tiếng Việt bằng phương pháp KK:</h3>
    <p>Đầu tiên <b>gõ chữ không có dấu</b>, sau đó thêm đồng thời dấu thanh và dấu phụ bằng cách <b>nhấn cùng lúc cặp phím</b> như hình dưới.</p>
    <p><li>Phím dấu thanh chính gồm: <b>S, F, R, X, J</b> (<b>sắc, huyền, hỏi, ngã, nặng</b>). Nhấn phím trái hay phải cùng lúc với phím chính để gõ dấu.</li></p>
    <p><li>Để có <b>dấu mũ thì nhấn cặp phím bên phải</b>, các dấu phụ <b>còn lại thì nhấn cặp phím bên trái</b> (nhấn luân phiên để đổi dấu).</li></p>
    <p><b><u>Ví dụ</u></b>: dấu sắc có mũ thì nhấn <b>S</b> + phím phải (<b>D</b>); chỉ dấu sắc thì nhấn <b>S</b> + phím trái (<b>A</b>); dấu sắc có trăng thì nhấn 2 lần <b>S</b> + <b>A</b>.</p>
    <p><b>Phụ âm Đ</b>: nhấn cặp phím <b>DF</b>. Ngoài ra, nếu thuần thục có thể dùng các cặp phím khác để gõ tiện hơn như ghi chú bên dưới.</p>
    <img src="kk_keyboard_layout.jpg" alt="Quy ước tổ hợp phím KK">
    <p><textarea id="userInput" rows="15" cols="90" style="font-size: 18px;" onpaste="return false" spellcheck="false"></textarea></p>
    <p>&#169; 2024 Lê Phước Lộc (<a href="https://github.com/locple/VietKK">github.com/locple/VietKK</a>)</p>
    <script type="text/javascript" src="vietkk.js"></script>
    <script>
        var textArea = document.getElementById("userInput");

        // Attach VietKK with textArea element
        var vKK = new VietKK();
        vKK.attach(textArea);
        vKK.setMode(1);
    </script>
</body>
</html>