Merajut Indonesia / Keyboard Web

Mengetik aksara Nusantara, langsung di website.

Floating keyboard seperti keyboard web modern: tampil melayang, dapat digeser, tombol ON/OFF bisa diletakkan di mana saja, dan hasil ketikan langsung berupa Unicode. Pengembang dapat memilih satu atau beberapa aksara tanpa instalasi pada perangkat pengunjung.

Coba keyboard sekarang Pasang di website Anda

9 aksara 0 instalasi pengunjung 1 kode embed

MI / KEYBOARD Input Unicode

ꦗJawa

ᮞSunda

ᬩBali

ڤArab Nusantara

ᨀLontara Bugis

ᯀBatak

ꤰRejang

𑼒Kawi

𑻠Makassar (Makasar Kuno)

Keyboard fisik QWERTY → UnicodeHosted SDK

01 / Pengenalan

Keyboard fisik yang aktif di halaman web

Ketika aktif, papan ketik melayang menggunakan susunan tombol fisik yang sama dengan simulator /keyboard/: 5 baris, Tab, Caps, Shift, Ctrl, Alt, AltGr, dan karakter Unicode sesuai setiap level. Saat dimatikan, papan ketik tersembunyi dan pengetikan kembali normal.

Langsung mengetik

Berfungsi pada kolom teks website yang diaktifkan pengembang, tanpa proses instalasi di komputer pengunjung.

1 atau 9 aksara

Dropdown hanya tampil bila konfigurasi berisi lebih dari satu aksara. Papan ketik bisa digeser dan tombol ON/OFF bebas posisi.

Embed dari server

Website lain hanya menambahkan satu script dari Merajut Indonesia. Tidak perlu mengelola file JSON sendiri.

02 / Playground

Coba keyboard tanpa mengunduh apa pun

Coba tombol Keyboard ON/OFF berikut, lalu klik area teks. Dengan konfigurasi ON, papan ketik berukuran ringkas otomatis muncul di tengah bawah layar saat textarea aktif, bisa digeser melalui bagian atas, dan setiap tombol dapat diklik. Keyboard fisik QWERTY juga bekerja.

Live keyboardMemuat keyboard…

Mode

Ketik di sini

Susunan papan ketik sama seperti simulator fisik. Sunda: Shift (Level 2) dan AltGr (Level 3). Bali: Normal, Gantasuri, Gatacem, Gantapa. Jika glyph kotak, periksa font Unicode perangkat.

03 / Integrasi

Tempel kode, keyboard langsung tersedia

Pengembang cukup menyematkan script hosted, menentukan kolom input, dan dapat menggunakan tombol ON/OFF milik website sendiri, baik di navbar, samping editor, maupun di posisi mana pun.

Siapkan kolom textarea atau input dengan atribut data-merajut-input.

Salin script hosted SDK dari contoh di bawah.

Letakkan tombol ON/OFF sesuai desain situs. Papan ketik melayang otomatis mengikuti pilihan aksara.

Satu script untuk sembilan aksara, dengan menu pemilih keyboard.

<button id="tombol-aksara" type="button">⌨ Keyboard</button>
<textarea data-merajut-input></textarea>
<script src="https://merajutindonesia.id/sdk/v2/merajut-keyboard-web.js?v=3.2.4"
        data-merajut-toggle="#tombol-aksara"
        data-merajut-enabled="true"
        data-merajut-position="bottom-center" defer></script>

Perhatian: URL merajutindonesia.id di atas adalah alamat publik yang dituju untuk hosting SDK; script baru dapat digunakan oleh pihak ketiga setelah file SDK diterbitkan dan dapat diakses HTTPS pada alamat tersebut. Bila menggunakan domain staging, ganti hostname pada contoh kode.

Posisi dan ukuran: secara default keyboard berukuran ringkas berada di tengah bawah layar (bottom-center), dan baru muncul ketika textarea yang diizinkan mendapat fokus jika dikonfigurasi data-merajut-enabled="true". Pengguna tetap dapat menggeser panel, dan posisi drag dipertahankan ketika berpindah textarea. Posisi bawaan lama dapat dipilih dengan data-merajut-position="bottom-right". Tombol bebas posisi: gunakan data-merajut-toggle="#id-tombol" pada script untuk menghubungkan tombol apa pun di navbar, konten, toolbar editor, atau tombol floating milik website. Jika atribut ini dihilangkan, plugin membuat tombol ON/OFF bawaan. Konfigurasi data-merajut-enabled="false" memulai keyboard dalam keadaan OFF. OFF → ON: saat tombol ON/OFF diklik untuk mengaktifkan keyboard, fokus langsung kembali ke textarea terintegrasi terakhir (atau yang pertama bila belum pernah digunakan) dan floating keyboard tampil otomatis. Ini tidak berlaku saat isEnabled: true hanya diinisialisasi. Gunakan data-merajut-auto-show="false" jika panel harus tetap terbuka ketika ON, atau data-merajut-position="input" bila ingin menampilkan panel di bawah editor seperti sebelumnya. Hanya kolom data-merajut-input yang diproses; password tidak dipengaruhi.

04 / Katalog keyboard

Gunakan keyboard berdasarkan aksara

Tampilan floating mengikuti keyboard fisik di /keyboard/ untuk kesembilan aksara, termasuk semua tombol fungsi dan level. Mode satu aksara menyembunyikan dropdown; mode multi memungkinkan pengguna berganti aksara.

ꦗWEB

Jawa

SNI 9048:2021

layout: jawa

ᮞWEB

Sunda

SNI 9048:2021

layout: sunda

ᬩWEB

Bali

SNI 9048:2021

layout: bali

ڤWEB

Arab Nusantara

RSNI Tahap 1 · rancangan tata letak, belum SNI final

layout: pegon

ᨀWEB

Lontara Bugis

RSNI Tahap 1 · rancangan tata letak, belum SNI final

layout: bugis

ᯀWEB

Batak

RSNI Tahap 1 · rancangan tata letak, belum SNI final

layout: batak

ꤰWEB

Rejang

Referensi Keyman Rejang 1.0.1 · bukan SNI

layout: rejang

𑼒WEB

Kawi

Berdasarkan dokumen SNI 9048:2026 unggahan; status akhir perlu diverifikasi

layout: kawi

𑻠WEB

Makassar (Makasar Kuno)

Referensi Unicode Makasar (non-SNI); layout fonetis eksperimental

layout: makassar

Mode tunggal: gunakan data-merajut-layouts="bali" untuk hanya menampilkan keyboard Bali. Mode multi: isi beberapa ID seperti data-merajut-layouts="jawa,sunda,bali". Tombol dan lokasi floating dapat dikustomisasi tanpa mengedit plugin. SDK memuat mapping tunggal bila hanya satu aksara yang diaktifkan.

05 / API Developer

Kontrol keyboard melalui JavaScript

Developer mengatur aksara, ON/OFF, dan target input tanpa memodifikasi kode SDK. Papan ketik virtual tetap melayang dan bisa dipindahkan.

Contoh mengatur keyboard lewat aplikasi

<textarea class="aksara-editor"></textarea>
<script src="https://merajutindonesia.id/sdk/v2/merajut-keyboard-web.js?v=3.2.4"
        data-merajut-selector=".aksara-editor"
        data-merajut-layouts="jawa,bali"
        data-merajut-default="jawa" defer></script>
<script>
  document.addEventListener('merajut:ready', async () => {
    await MerajutKeyboardWeb.setLayout('bali');
    // await MerajutKeyboardWeb.setLayout('latin');
  });
</script>

Method	Kegunaan
`ready`	Promise yang selesai setelah SDK dan UI dimuat.
`setLayout('bali')`	Pilih aksara aktif secara global untuk elemen yang ditandai.
`setLayout('latin')`	Kembalikan ketikan ke huruf Latin biasa.
`getLayout()`	Ambil mode aktif; mengembalikan `latin` saat OFF.
`getSelectedScript()`	Ambil aksara terakhir, termasuk ketika keyboard OFF.
`isEnabled()`	Getter untuk mengetahui status ON; nilai awal dikonfigurasi melalui `data-merajut-enabled` atau `init({isEnabled:true})`, bukan dengan memanggil `isEnabled(true)`.
`init({isEnabled, position, autoShowOnFocus, target, draggable})`	Konfigurasi runtime; tidak perlu untuk integrasi HTML sederhana.
`resetPosition()`	Kembalikan posisi panel ke posisi default setelah pengguna drag.
`attach(element)`	Aktifkan keyboard pada kolom yang diizinkan.
`setEnabled(boolean)`	Matikan/aktifkan sementara pemetaan aksara.
`destroy()`	Lepaskan event listener dan antarmuka keyboard.

Contoh konfigurasi JavaScript setelah script dimuat: await MerajutKeyboardWeb.init({isEnabled:true,position:'bottom-center',autoShowOnFocus:true,draggable:true,target:'textarea[data-merajut-input]'}). Pilihan aksara satu/multi tetap diatur pada atribut data-merajut-layouts. Event: merajut:ready, merajut:change, merajut:input, dan merajut:error. Konfigurasi tambahan: data-merajut-position="bottom-left" untuk posisi awal panel, data-merajut-button-position="top-left" untuk tombol bawaan, atau data-merajut-ui="none" untuk integrasi UI kustom. Aksara Unicode dimasukkan secara lokal, tanpa telemetri.

06 / FAQ

Yang perlu diketahui

Apakah pengunjung perlu menginstal keyboard?

Tidak. Untuk website yang sudah memasang script hosted, pengunjung hanya memilih aksara dan mulai mengetik. Browser memuat file JavaScript dari server Merajut Indonesia saat halaman dibuka.

Apakah ini sama dengan keyboard Keyman?

Pengalaman keyboard di halaman web dirancang serupa dengan KeymanWeb, tetapi ini SDK mandiri Merajut Indonesia dan bukan bagian dari produk Keyman. Layout tetap mengacu pada mapping milik proyek. Keyboard native Windows, macOS, Linux, Android, dan iOS perlu dikembangkan terpisah.

Apakah bekerja di Word, Excel, atau aplikasi desktop lainnya?

Belum. Embed JavaScript hanya mengubah input pada website/WebView yang memasangnya. Agar bisa mengetik di seluruh aplikasi komputer seperti Keyman Desktop, perlu paket keyboard native/IME yang dipasang pada sistem operasi.

Bisakah satu floating keyboard dipakai untuk beberapa form input dalam satu halaman?

Bisa. Tambahkan data-merajut-input pada semua textarea dan input type="text" yang ingin menggunakan aksara, meskipun berada dalam form berbeda. Pasang satu script SDK saja. Floating keyboard otomatis berpindah target mengikuti fokus dan tetap berada di posisi yang terakhir digeser. Jenis input yang didukung: text, search, url, dan tel; field password, readonly, dan disabled tidak diproses.

Apakah bisa dipasang di WordPress, Laravel, React, atau Vue?

Bisa selama website mengizinkan script eksternal dan menyediakan elemen teks yang didukung. Gunakan atribut data-merajut-input atau selector khusus. Integrasi editor kaya seperti CKEditor/Quill mungkin memerlukan adapter tambahan.

Apakah keyboard memerlukan koneksi internet?

Saat pertama kali memuat halaman, browser membutuhkan akses ke script yang di-host di Merajut Indonesia. Setelah script dimuat, proses pemetaan tombol berjalan di perangkat pengunjung. Ketersediaan offline tidak dijamin oleh mode hosted ini.

Bagaimana jika aksara terlihat sebagai kotak?

Pastikan tersedia font Unicode yang mencakup aksara terkait. Pada website, pengembang dapat mengaktifkan font web berlisensi sesuai.

Apakah semua aksara telah berstatus SNI?

Tidak. Label standar di katalog bersumber dari metadata layout proyek. RSNI bukan SNI final dan Rejang menggunakan referensi non-SNI; validasi mapping perlu dilakukan bersama ahli sebelum mengklaim kesesuaian standar.

Siap dipakai di website lain?

Mulai dari demo, pilih satu aksara atau sembilan aksara sekaligus, lalu salin kode embed. Pengunjung website tidak perlu mengunduh apa pun.

Lihat kode integrasi ↗