Blog Posts

Site Assistance

Selamat Datang di halaman Site Assistance Tour. Site Assistance adalah dukungan item kecil yang kami jalankan untuk dukungan anda dalam mengoperasikan Website ini dan juga sebagi pemandu untuk kunjungan anda pertama kali di halaman ini. Jika anda mengirim pesan dalam bentuk kritik, usulan ataupun saran ke teman secara privat, silahkan dengan memanfaatkan Contact Form kami.
Kunjungan Anda
Kunjungan Anda pertama kali menentukan arah tentang bagaimana mengatur halaman ini dengan menu-menu tombol untuk mengatur demo pada layar pada perangkat, Editor Live, dan juga tentang fungsi-fungsi di masing-masing menu yang tersedia di halaman ini. Selamat jelajah dan silahkan ikuti tur kami:
• Menu Configuration
Menu Configuration adalah metode pengaturan tipe tata letak, tentukan area layar yang disesuaikan. Menu Configuration dirancang untuk tujuan demo untuk menjalankan OnOff Switch-inner Type Fixed pada layout. Setiap tombol alih-alih menjalankan fungsi yang berbeda. Silahkan gunakan menu Configuration untuk membuka dan sekali lagi untuk menutup menu bar ini.
Apa saja di bagian "Menu Configuration"?
  1. Rehab Navbar - pengaturan bar atas dan menu samping.
  2. Aksi Halaman - pengaturan layout yang masih dikaitkan dengan "Rehab Navbar".
  3. Aksi Footer - pengaturan tipe fixed pada layout bawah.
• Main Page
Main Page adalah perpustakaan halaman ini. Seberapa menarik kontribusi artikel mereka? Siapapun dapat berkomentar atau memberikan opini di setiap halaman.
• Editor Area
UjiCode Editor Area adalah pengembangan fungsionalitas code yang dapat digunakan untuk merancang template dengan Code Editor Live untuk menguji HTML CSS dan JavaScript. Ini juga dapat / untuk pengeditan bertemakan: Tema Bootstrap, Bootstrap Charts, Canvas dan meletakan video dalam satu area khusus.
Editor Area ini dilengkapi dengan bahasa pemrograman yang dirancang untuk menyesuaikan pekerjaan coding yang dilengkapi Autocomplete Demo. Adalah bahasa pemrograman berdasarkan prediksi ketik yang memungkinkan mempercepat pekerjaan pengkodean secara otomatis. Lainnya, bahasa coding juga disediakan pada bar di atas TextArea sehingga meminimkan penggunaan keyboard.
Perlengkapan apa saja yang ada dalam editor?
  • CodeMirror Programing Art: CodeMirror versi: 5.42.2. Kemungkinan peningkatan ke versi masa depan.
  • Mode Runner Demo: Keterbacaan konten editor mode dan Add-Ons mencakup dukungan pratinjau HTML5. Mode untuk menjalankan ke layar iframe bersamaan dengan HTML CSS JavaScript adalah salah satu dari tiga teknologi inti yang akan ditampilkan ke layar browser. Namun menu Overview tidak menutup kemungkinan berhasil 100%.
  • Select formatting: Mode menerapkan pemformatan otomatis ke text yang dipilih atau komentar / hapus komentar pada text yang dipilih. Pilih "Auto Format" untuk menentukan fungsi meregangkan code di editor.
  • Visible Tabs: Tab di dalam editor terbentang dengan kelas cm-tab, dan dapat ditata di TextArea.
  • Search / Replace: Pencarian diaktifkan dengan menyertakan demonstrasi fungsi pencarian. Ikatan kunci (yang dapat dikonfigurasikan dengan custom keymaps):
    Ctrl-F Mulai mencari,
    Ctrl-G Temukan selanjutnya,
    Shift-Ctrl-G Temukan sebelumnya,
    Shift-Ctrl-F Menggantikan,
    Shift-Ctrl-R Menggantikan semua,
    Alt-F Pencarian persisten "dialog tidak autoclose, masuk untuk menemukan selanjutnya, Shift-Enter untuk menemukan sebelumnya",
    Alt-G Lompat ke garis.
  • Code Folding: Demonstrasi mode code lipat. Tekan ctrl-q atau klik pada selokan untuk melipat blok, dan sekali lagi untuk membukanya.
  • Editor Automatic Resize: Mengatur beberapa properti CSS yang dapat dibuat untuk secara otomatis mengubah ukuran agar sesuai dengan konten editor dan pergeseran layar browser.
  • Active-Line: Demo baris aktif untuk menyoroti selokan tertentu dengan penambahan styling baris kursor saat ini. Selokan yang disoroti dapat di copy tanpa harus mengeser cursor dan menempa code yang disorot.
  • Rulers: Demonstrasi Add-Ons penggaris yang menampilkan garis vertikal pada offset kolom.
  • Theming Setting (Config Setting Mode): Komponen yang menyediakan editor code warna. Mode tersedia untuk bahasa yang Anda koding, mewarnai code Anda dan secara opsional membantu dengan indentasi.
  • Full Screen Editing (Config Setting Mode): Tekan F10 ketika kursor berada di EditorArea untuk beralih ke pengeditan layar penuh. Atur menu Config-Configuration untuk memungkinkan ke tampilan layar. Esc juga dapat digunakan untuk keluar dari pengeditan layar penuh.
  • Automatic Tag Closing: Opsi untuk menonaktifkan penutupan tag atau menyesuaikan daftar tag ke indentasi. Tag akan otomatis ditutup / selesai.
  • Auto Complete: Penyelesaian menggunakan fungsi petunjuk dengan menekan Ctrl-Space atau ketikkan karakter "<" dengan mengawali tag pembuka untuk mengaktifkan perlengkapan otomatis. Demo ini mendefinisikan skema sederhana yang memandu penyelesaian. Selain menggunakan metode ini, Anda juga dapat meyisipkan kursor untuk meneruskan code dan tekan Space. Demo ini akan menunjukan antrian coding yang sebagian besar digunakan dalam bahasa coding seperti: xml html style dan script. Ini memudahkan dalam mengetik bahasa berbasis prediksi yang memungkinkan mempercepat pekerjaan pengkodean secara otomatis dan meminimalkan penggunaan keyboard.
  • Match Highlighter: Cari dan menyoroti kejadian dari teks yang dipilih. Code yang mirip dan cocok juga dapat dilihat di scroolbar editor berwarna hijau.
  • Close-Tag: Pemberian penutupan tag otomatis. Misalnya: "<html" dan menambahkan penyelesaian ">", dan tag otomatis mengakhiri "</html>".
  • Close-Brackets: "{}" brackets otomatis dipasang dengan memulai code "{". Lainnya adalah:
    "(" The Round Brackets - Close-RoundBrackets "()",
    "[" The Square Brackets - Close-SquareBrackets "[]".
Fitur tambahan:
  • Menu Editor Fork: Menu bar sederhana dibagian atas editor yang menyajikan beberapa bahasa coding dengan pilihan cepat untuk digunakan dalam bekerja. Sorot text yang akan di edit kemudian pilih menu diatasnya, misalkan menambahkan Bolt, Italic, Strikethrough, Underline, dan beberapa fungsi menu button lainnya. Ambil Bootstrap CSS untuk menjalankan Blockquote.
  • ColorPicker API: Manipulasi warna yang menyediakan fungsi untuk menangani warna text dan background-color dalam merancang website. Tekan Ctrl-k untuk menghadirkan "Popup Color Picker" dengan pintasan keymap.
  • Inject-File Chosen and Save Files: Mode untuk membuka dan menyimpan file dalam disk lokal. Editor merespon impor dan ekspor file / dokumen dalam file bahasa coding.
  • Dragging Code File: Fungsi "Dragging Code File" dari folder komputer dan mengambil file coding dari disk lokal dengan menarik dan melepaskan / menjatuhkan file teks ke textarea.
  • Code Blast: Efek partikel eksplosif saat mengetik di editor teks.
• Penggunaan Dasar
Editor akan dapat ditambahkan ke badan dokumen dan akan menggunakan mode yang kita muat (Run Preview untuk menjalankan sumber). Untuk mendapatkan hasil kontrol lebih banyak ada pratinjau di browser baru. Pilih (Overview). Kemudian pilih "Tab Preview" dan "Close Preview" untuk menutup tinjauan browser. Pilih "menu New" untuk memulai halaman kosong pada EditorArea ini.
Cara termudah untuk menggunakan halaman ini adalah dengan hanya memuat skrip dan style sheet yang terdapat di bawah distribusi. Lihat template demo. Sebagai contoh item yang dapat digunakan dalam alat ini:
• Apa saja yang dapat digunakan untuk editor ini?
Ada beberapa CSS JS yang dapat digunakan di editor ini, antara lain:
  • Jquery JS - https://jquery.com.
  • Bootstrap CSS, JS, Charts - https://getbootstrap.com.
  • Font-awesome.min.css - https://fontawesome.com.
  • Canvas JS.
  • Frame Video.
  • Kreasi Anda; CSS, JavaScript, Material Design, HTML and HTML5.
Beberapa berkas tersebut dilisensikan di bawah CC BY 3.0.
• Bagaimana cara membuat halaman baru di TextArea?
Sewaktu-waktu, kemungkinan sahabat kami menyisipkan contoh code di dalam Area Editor yang dapat dilihat langsung di halaman iframe. Silahkan pilih menu "NEW" untuk memilih halaman baru, ini juga dapat menggunakan menu Recycle untuk menghapus laman tersebut.
• Apakah Area Editor ini menjalankan fungsi save otomatis?
Tidak. Saat ini alat Area Editor ini tidak dapat menjalankan fungsi save otomatis. Kami merekomendasikan sering seringlah melakukan save di disk lokal anda.
• Apakah ketika melakukan save berada di penyimpanan online?
Tidak sama sekali. Pekerjaan coding anda akan berada di tangan anda. File coding yang dibuat oleh Guest sepenuhnya hak Guest dan tidak milik kami. Pekerjaan Guest tidak disimpan dalam disk Ujicode (online).
• Apa fungsi menu upload code?
Menu upload code berfungsi untuk mengambil file lama seperti bahasa coding yang tersimpan di disk lokal anda. Menu ini memungkinkan Anda memperbaiki file code lama atau sekedar melihat coding dalam daftar rak Anda. Silahkan upload file coding berbasis HTML CSS JS dari disk lokal Anda. File membuat satu textarea pada tombol klik atas tampilan. Pastikan code dapat dibaca ataupun ditulis di EditorArea.
• Apakah ketika menggunakan menu "Upload Code" bersifat publik?
TidaK sama sekali. Bahasa code yang Anda unggah hanya ditampilkan di EditorArea dan hanya berfungsi di penyimpanan memory komputer lokal Anda. Ujicode tidak menyimpan file melalui online pada kebergunaan tombol upload. Silahkan simpan file coding sebelumnya jika merasa penting, ketika file dipilih dari folder disk Anda dan menekan tombol open, maka coding di TextArea Editor akan terhapus dan dibersihkan secara otomatis. Click "Cencel" di jendela baru untuk membatalkan permintaan upload file. Namun jika menggunakan Dragging Code File, ada kemungkinan file code menumpuk di Editor.
• Apa fungsi "Undo Redo"?
Undo Redo berfungsi mengembalikan ke awal dan juga mengembalikan ke akhir atau ulangi atau membatalkan tindakan. Didalam keyboard dapat menggunakan Ctrl-z dan Ctrl-y. Ini bekerja di text ataupun coding yang sedang dikerjakan di Area Editor. Dan "Undo Redo" tidak menjalankan fungsi ketika sudah memilih menu NEW atau Recycle.
• Apa fungsi "Search Find" di editor ini?
Menu Search Find berfungsi untuk menyederhanakan pencarian bahasa pengkodean di area editor. Jika pengkodean melebihi ruang editor dapat menyorot code atau teks dengan menggunakan kursor untuk menemukan code yang sama pada halaman. Sedangkan code yang mirip dan cocok juga dapat dilihat di scroolbar editor. Ini hampir sama dengan menggunakan "Match Highlighter" sehingga keduanya bekerja.
• Apa fungsi "Replace" dan "Replace All" di editor ini?
Menu "Replace" dan "Replace All" adalah mode pengeditan taging text yang akan di ubah ke taging text lain, misalnya penggunaan taging seperti dibawah ini:
  • Text "meta" akan dirubah dalam text "span"
  • Text "div" dirubah dalam text "p"
Ketika mengedit; pilih menu "Replace" atau "Replace All" kemudian ketikkan nama yang akan dirubah ke text lain.
Keterangan:
  • Menu "Replace" pertama dapat untuk mengedit text atau tag yang dipilih saja, sedangkan
  • Menu "Replace All" akan merubah text mirip secara keseluruhan dalam tag. Maka dari itu berhati-hatilah menggunakan menu "Replace All" dalam coding.
Mungkin, file dalam distribusi Kode Sumber berisi string bug yang dimuat. Bahwa alat "HTML Editor pada Ujicode" ini adalah membutuhkan perawatan, tetapi kami tidak dapat menjamin atau memperbaiki bug di masa mendatang atau atas keterbatasan kami dalam mengelola halaman ini.
Halaman Site Assistance ini dilengkapi oleh penulis untuk memfasilitasi dan melengkapi kegunaan situs. Setiap perubahan yang dilakukan pada Site Assistance ini akan berubah setiap saat dan khususnya manfaat dari bagian Site Assistance halaman. Apakah Site Assistance ini membantu? Temukan code ini: Site Assistance untuk berkomunikasi dengan kami.
Report Bug
Sewaktu-waktu pengembangan dan tracking bug terjadi di Lab Code Editor ini. Silakan baca petunjuk ini sebelum mengirimkan bug. Gunakan informasi untuk mengirim tambalan. Semua kontribusi, ide ataupun informasi bug untuk Lab Code Editor ini sangat dibutuhkan, sehingga kami mengandalkan komunitas untuk memberi tahu ketika ada yang rusak (String yang tidak berfungsi). Kemungkinan bug ini terjadi ketika Admin melakukan perbaikan tidak tepat ataupun link yang digunakan hilang.
Selamat bertugas.
Credits
Admin
Dikelola oleh Epictravelers - UjiCode