- Rehab Navbar - pengaturan bar atas dan menu samping.
- Aksi Halaman - pengaturan layout yang masih dikaitkan dengan "Rehab Navbar".
- Aksi Footer - pengaturan tipe fixed pada layout bawah.
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.
- CodeMirror Programing Art: CodeMirror versi: 5.42.2. Kemungkinan peningkatan ke versi masa depan.
- Mode Runner Demo: Keterbacaan konten editor
mode
danAdd-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 tekanSpace.
Demo ini akan menunjukan antrian coding yang sebagian besar digunakan dalam bahasa coding seperti:xml html style
danscript.
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"[]"
.
- 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. TekanCtrl-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.
- 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.
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."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"
"Replace"
atau "Replace All"
kemudian ketikkan nama yang akan dirubah ke text lain.- 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.
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 BugSewaktu-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.
- Bootstrap: https://getbootstrap.com
- FontAwesome: https://fontawesome.com
- jQuery: http://jquery.com
- Pace: http://github.hubspot.com/pace/docs/welcome
- Google Fonts: https://fonts.google.com
- Toastr: https://github.com/CodeSeven/toastr
- Animate: https://animate.style/
- Metismenu: https://github.com/onokumus/metisMenu
- CodeMirror: http://codemirror.net
- ColorPicker: https://colorpicker.easylogic.studio
- Code-blast: https://kushagra.dev