Cara menggunakan editor HTML

Editor HTML

Gambaran Keseluruhan

Editor HTML terbina dalam membolehkan pengajar, guru dan pentadbir mencipta dan mengedit kandungan terus di dalam kursus, mesej, widget dan banyak lagi.

Artikel ini akan mengajar anda cara mengakses dan menggunakan pelbagai elemen editor untuk mencipta kandungan yang menarik dan estetik.

Maklumat
Sila ambil perhatian bahawa platform perniagaan menetapkan istilah kursus secara lalai dan platform akademik menetapkan istilah kelas secara lalai. Istilah kursus dan kelas boleh ditukar ganti dalam artikel ini.

Menu Bar Alat

Editor HTML dipaparkan semasa mengedit kandungan dalam kursus, mesej, widget dan banyak lagi. Bar alat terdiri daripada bar menu dan ikon yang membolehkan anda mengedit kandungan dalam bahagian tersebut.

Maklumat
Ambil perhatian bahawa tangkapan skrin dalam artikel ini dipaparkan dalam bahagian kursus, tetapi bar alat berfungsi sama dalam kursus, mesej dan widget. Pembina Kandungan di sebelah kiri bar alat hanya tersedia semasa mengedit kursus.

Kursus, Modul, bahagian halaman dalam mod edit dengan Bar Alat diserlahkan

Bar menu atas terdiri daripada tujuh menu, yang dibincangkan dengan lebih terperinci di bawah.

Kursus, Modul, bahagian Edit dengan menu atas Bar Alat diserlahkan

Fail

Menu Fail merangkumi tindakan berikut:

Tajuk
Penerangan
Dokumen baharu
Mengosongkan tetingkap teks daripada semua teks/imej/pautan.
Pratonton
Buka tetingkap timbul untuk melihat pratonton kandungan yang diterbitkan.
Cetak
Cetak kandungan dalam tetingkap teks.

Sunting

Menu Edit merangkumi tindakan berikut.

Tajuk
Penerangan
Buat asal
Buat asal tindakan terbaru anda.
Buat semula
Buat semula tindakan terbaru anda.
Potong
Alih keluar teks/imej yang dipilih dan simpannya di papan klip.
Salin
Salin teks/imej yang dipilih dan simpannya di papan klip.
Tampal
Tampal teks/imej daripada papan keratan.
Tampal sebagai teks
Tampal kandungan daripada papan keratan sebagai teks sahaja, tanpa pemformatan.
Pilih semua
Pilih/serlahkan semua kandungan dalam tetingkap teks.
Cari dan gantikan
Cari perkataan atau frasa dan gantikan dengan perkataan/frasa baharu (jika berkenaan).

Lihat

Menu Paparan merangkumi tindakan berikut untuk melihat teks dan aksara dalam tetingkap teks.

Tajuk
Penerangan
Kod sumber
Lihat/edit kod sumber dalam tetingkap teks.
Tunjukkan aksara yang tidak kelihatan
Memaparkan aksara yang tidak kelihatan seperti ruang dan pengembalian lembut.
Tunjukkan blok
Menunjukkan blok perenggan dalam tetingkap teks.
Pratonton
Buka tetingkap timbul untuk melihat pratonton kandungan yang diterbitkan.

Sisip

Menu Sisip merangkumi tindakan berikut untuk menyisip imej, video, jadual, pautan dan banyak lagi.

Tajuk
Penerangan
Pautan
Masukkan hiperpautan ke URL.
Media
Masukkan/benamkan sekeping media.
Meja Sisip dan bina jadual.
Watak istimewa Masukkan aksara khas.
Emoji Masukkan emoji.
Garisan mendatar
Masukkan garisan mendatar.
Pemisahan halaman
Masukkan tanda henti untuk memulakan halaman baharu.
Ruang Tidak Berbuka
Masukkan ruang yang tidak memecahkan halaman.
Sauh
Sisipkan sauh/penanda buku pada kedudukan/lokasi.
Sisip templat
Masukkan templat yang disimpan.
Simpan sebagai templat
Simpan teks yang diserlahkan sebagai templat.
Tarikh/masa
Sisipkan pilihan tarikh atau masa daripada menu lungsur turun.
Edit persamaan
Klik untuk mengedit persamaan yang diserlahkan.
Muat naik imej
Klik untuk memuat naik imej.
Muat naik fail
Klik untuk memuat naik fail.
Cipta persidangan web
Klik untuk menambah persidangan web pada teks*.
Rakam audio
Klik untuk merakam audio terus dalam tetingkap teks.
Rakam video
Klik untuk merakam video terus dalam tetingkap teks.
Maklumat
* Agar pilihan Cipta persidangan web dipaparkan, aplikasi persidangan web mesti dipasang terlebih dahulu daripada Pusat aplikasi.

Format

Menu Format merangkumi tindakan berikut untuk memformat teks.

Tajuk
Penerangan
Tebal
Tebalkan teks yang dipilih.
Italik
Italikkan teks yang dipilih.
Garis bawah
Gariskan teks yang dipilih.
Coretan
Coretan teks yang dipilih.
Superskrip
Formatkan teks yang dipilih sebagai superskrip.
Langganan
Formatkan teks yang dipilih sebagai subskrip.
Kod
Formatkan teks pilihan sebagai kod.
Blok
Masukkan pemformatan blok yang sesuai daripada menu lungsur turun.
Fon
Pilih fon yang berbeza daripada menu lungsur turun.
Saiz fon
Pilih saiz fon daripada menu lungsur turun.
Selaraskan
Pilih gaya penjajaran teks daripada menu lungsur turun.
Ketinggian garisan
Pilih ketinggian baris daripada menu lungsur turun.
Tingkatkan inden
Inden teks atau perenggan ke kanan.
Kurangkan inden
Gerakkan teks atau perenggan ke kiri.
Warna teks
Pilih warna teks yang diingini daripada menu lungsur turun.
Warna latar belakang
Pilih warna latar belakang daripada menu lungsur turun.
Pemformatan yang jelas
Kosongkan pemformatan daripada teks yang dipilih.

Alatan

Menu Alatan merangkumi tindakan berikut.

Tajuk
Penerangan
Kod sumber
Lihat/edit kod sumber.
Bilangan perkataan Lihat kiraan perkataan dan aksara.

Meja

Menu Jadual merangkumi tindakan berikut untuk memasukkan jadual dan mengubah suai struktur jadual.

Tajuk
Penerangan
Meja
Masukkan jadual.
Sel Pilihan pengubahsuaian untuk sel yang dipilih daripada menu lungsur turun.
Baris
Ubah suai, padam dan/atau sisipkan pilihan untuk baris yang dipilih daripada menu lungsur turun.
Lajur
Ubah suai, padam dan/atau sisipkan pilihan untuk lajur yang dipilih daripada menu lungsur turun.
Sifat jadual
Lihat dan ubah suai sifat jadual seperti lebar, tinggi, sempadan, dsb.
Padam jadual
Padam jadual yang dipilih.

Menu sekunder Bar Alat

Di bawah menu utama, bar alat terdiri daripada pilihan lungsur turun dan ikon yang mudah diakses untuk pemformatan tambahan.

Kursus, Modul, bahagian Edit dengan ikon menu sekunder Bar Alat diserlahkan

Buat asal dan Buat semula

  1. Klik ikon Buat asal untuk membuat asal tindakan sebelumnya.
  2. Klik ikon Buat Semula untuk membuat semula ikon sebelumnya.
Ikon buat asal dan buat semula

Gaya perenggan dan tajuk

  1. Klik menu lungsur turun gaya tajuk untuk menggunakan format dan gaya pada teks.

Kursus, Modul, bahagian Edit dengan menu Gaya Tajuk aktif dan diserlahkan

Gaya fon

  1. Klik menu lungsur turun fon untuk menukar fon teks anda.
Kursus, Modul, bahagian Edit dengan menu Gaya fon aktif dan diserlahkan

Saiz fon

    1. Klik menu lungsur turun saiz fon untuk menukar saiz teks.
    Kursus, Modul, bahagian Edit dengan menu Saiz fon aktif dan diserlahkan

    Format fon

    1. Klik ikon tebal untuk teks tebal.
    2. Klik ikon italik untuk memiringkan teks.
    3. Klik ikon garis bawah untuk menggariskan teks.
    Ikon huruf tebal, italik dan garis bawah

    Warna teks

      1. Klik ikon warna teks untuk memilih/menukar warna fon.
      Kursus, Modul, bahagian Edit dengan menu warna teks aktif dan diserlahkan

      Penjajaran teks

      1. Klik ikon jajar untuk menjajarkan teks.

      Kursus, Modul, bahagian Edit dengan menu Penjajaran aktif dan diserlahkan

      Senarai berbulet

      1. Klik ikon senarai bertitik bulet untuk mencipta dan memformat senarai bertitik bulet.
      Kursus, Modul, bahagian Edit dengan menu Senarai Berbulet aktif dan diserlahkan

      Senarai bernombor

      1. Klik ikon senarai bernombor untuk mencipta dan memformat senarai berbutir atau bernombor.
      Kursus, Modul, bahagian Edit dengan menu Senarai Bernombor aktif dan diserlahkan

      Muat naik imej dan muat naik fail

      1. Klik ikon muat naik imej untuk memuat naik imej.
      2. Klik ikon muat naik fail untuk memuat naik sebarang fail.
      Muat naik imej dan muat naik ikon fail

      Pemformatan yang jelas

      1. Klik ikon Kosongkan pemformatan untuk mengosongkan gaya yang mungkin terhasil daripada menyalin dan menampal kandungan.
      Kosongkan ikon pemformatan

      Warna latar belakang

      1. Klik ikon Warna latar belakang untuk menambah sorotan pada teks/imej.
      Kursus, Modul, bahagian Edit dengan menu Warna Latar Belakang aktif dan diserlahkan

      Bar Alat Lanjutan

      Untuk fungsi tambahan:

      1. Klik lebih lanjut ikon untuk memaparkan bar alat lanjutan.

      Kursus, Modul, bahagian Edit dengan ikon lebih lanjut diserlahkan

      Bar alat lanjutan dipaparkan di bawah bar alat sekunder dan merangkumi pilihan tambahan yang diliputi di bawah.

      Kursus, Modul, bahagian Edit dengan ikon bar alat Lanjutan yang diserlahkan

      Inden dan garisan mendatar

      1. Klik ikon Kurangkan inden untuk mengurangkan inden teks.
      2. Klik ikon Tingkatkan inden untuk mengensorkan teks.
      3. Klik ikon Garisan Mendatar untuk memasukkan garisan mendatar.
      Kurangkan inden, tambah inden dan ikon garisan mendatar

      Emoji

      1. Klik Emoji Ikon emoji ikon untuk membuka papan kekunci Emoji.
      2. Klik Emoji untuk memasukkannya.
      Bahagian Kursus, Modul, Edit dengan skrin timbul Emoji

      Watak khas

      1. Klik aksara Khas Ikon aksara khas ikon untuk membuka tetingkap timbul Watak Khas.
      2. Klik aksara khas untuk memasukkannya.

      Kursus, Modul, bahagian Edit dengan skrin timbul Aksara Khas

      Ikon lanjutan

      1. Klik ikon Sisip/edit pautan untuk memasukkan pautan ke mana-mana URL.
      2. Klik ikon Sisip/Edit media untuk memasukkan/membenamkan pautan ke mana-mana URL.
      3. Klik ikon Sisip/edit persamaan untuk memasukkan/membenamkan pautan ke mana-mana URL.
      4. Klik ikon Sisip templat Sisipkan ikon templat untuk memasukkan templat.
      5. Klik ikon Kod sumber Ikon kod sumber untuk melihat kod sumber halaman semasa.
      6. Klik ikon Rakam audio Ikon rakam audio untuk merakam audio terus ke halaman kursus.
      7. Klik ikon Rakam video Ikon rakam video untuk merakam video terus ke halaman kursus.
      1. Klik ikon Cipta persidangan web Cipta ikon persidangan web untuk mencipta pautan persidangan web menggunakan salah satu pilihan juntai bawah.
        1. Nota - Hanya aplikasi persidangan web yang telah anda pasang pada platform anda akan dipaparkan.

      Kursus, Modul, bahagian Edit dengan menu Cipta persidangan web aktif dan diserlahkan

      Amalan terbaik

      Gunakan amalan terbaik ini untuk membantu anda memanfaatkan sepenuhnya editor ini.

      • Untuk memasukkan pemisah baris dan bukannya perenggan baharu, tekan Shift + Enter.
      • Apabila membenamkan widget HTML, lihat tetingkap teks dalam kod sumber terlebih dahulu.
        • Klik menu lungsur turun Paparan.
        • Klik < > Kod sumber .
      • Tampal kandungan pihak ketiga sebagai teks biasa untuk mengelakkan ralat pemformatan.
      • Untuk menjadikan sempadan jadual tidak kelihatan:
        • Pilih jadual.
        • Klik Sifat jadual .
        • Dalam tab Umum pada tetingkap timbul, tetapkan Lebar Sempadan kepada "0".
        • Dalam tab Lanjutan , pilih gaya sempadan untuk menjadi "Tersembunyi" atau "Tiada".

      Kursus, Modul, bahagian Edit dengan jadual yang dipilih dan ikon sifat Jadual diserlahkan

      Pemeriksa ejaan

      Editor ini merangkumi pemeriksa ejaan, yang menandakan perkataan yang tidak dieja dengan betul dengan garis merah. Untuk membetulkan ralat ejaan:

      1. Tekan CTRL + Klik kanan tetikus .
      2. Pilih ejaan yang betul daripada senarai cadangan.
      Kursus, Modul, bahagian Edit dengan menu ejaan aktif dan diserlahkan

      Pembolehubah pembenaman

      Anda boleh membenamkan pembolehubah ke dalam halaman pelajaran dengan menggunakan format {{nama pembolehubah}}. Ini membolehkan anda menyesuaikan kandungan untuk pengguna dan kursus.

      Pembolehubah berikut boleh digunakan dalam halaman kandungan:
      • {{class_custom_field_1}}
      • {{class_custom_field_2}}
      • {{tarikh_penamat_kelas}}
      • {{kelas_id}}
      • {{kelas_lokasi}}
      • {{nama_kelas}}
      • {{nama_kelas_dengan_pautan}}
      • {{tarikh_mula_kelas}}
      • {{selesai_di_utc}}
      • {{kod_kursus}}
      • {{kredit}}
      • {{hari_dalam_kelas}}
      • {{hari_tinggal}}
      • {{nyahaktifkan_pelajar_selepas}}
      • {{id_organisasi}}
      • {{nama_organisasi}}
      • {{kod_seksyen}}
      • {{nama_laman}}
      • {{nama_laman_dengan_url}}
      • {{nama_guru}}
      • {{nama_guru_dengan_pautan}}
      • {{email_pengguna}}
      • {{nama_pengguna_pertama}}
      • {{nama_penuh_pengguna}}
      • {{nama_penuh_pengguna_dengan_pautan}}
      • {{id_pengguna}}
      • {{nama_pengguna_terakhir}}
      • {{kaedah_hubungan_pilihan_pengguna}}
      • {{user_ssn}}
      • {{userid}}
      • {{mengapa}}

      Kursus, Modul, bahagian Edit dengan contoh pembolehubah yang diserlahkan

      Video Pengukuran Saiz

      Jika anda menambah video sebagai pautan dalam editor HTML, anda boleh menetapkan saiznya menggunakan kod HTML ini:
      <a width='100' height='700'>pautan</a>.
      1. Jika anda mahu video bersaiz automatik, anda boleh meninggalkan salah satu nilai (lebar atau tinggi).
      2. Anda juga boleh menggunakan nilai peratus untuk menetapkan saiz video, contohnya, <width='100%' >.

      Mengedit Imej

      Editor menyediakan pelbagai pilihan untuk mengedit imej setelah ia dimuat naik. Untuk mengedit imej:

      1. Klik imej tersebut.
      2. Menu pilihan akan muncul.
      Ikon
      Penerangan
      Ikon putar lawan arah jam
      		 Putar imej lawan arah jam
      Ikon putar mengikut arah jam
      		 Putar imej mengikut arah jam
      Ikon terbalikkan imej secara mendatar
      		 Balikkan imej secara mendatar
      Ikon terbalikkan imej secara menegak Terbalikkan imej secara menegak
      Ikon pangkas imej
      		 Pangkas imej
      Ikon edit imej
      		 Edit sifat imej

      Kursus, Modul, bahagian Edit dengan imej yang diserlahkan dan bar alat edit imej aktif

      Jika anda memilih ikon Edit sifat imej , tetingkap timbul Sisip/Edit Imej akan dipaparkan.
      1. Sumber : Memaparkan sumber imej.
      2. Huraian alternatif : Huraian ini dibaca oleh pembaca skrin untuk membantu pengguna cacat penglihatan.
      3. Lebar dan Tinggi : Laraskan saiz imej.
        1. Nota: Gunakan ikon kunci untuk memastikan imej mengekalkan nisbah lebar/tingginya.


      Apabila menambah imej baharu, anda juga boleh menambah penerangan untuk pembaca skrin:
      1. Masukkan penerangan dalam medan Penerangan imej .

      Muat naik tetingkap timbul imej

      Templat kandungan

      Templat kandungan membolehkan anda menyimpan serpihan HTML ke dalam Katalog Sumber dan kemudian memasukkannya dengan mudah ke dalam kawasan kandungan pada masa hadapan. Anda boleh menggunakan ciri ini untuk mencipta pustaka elemen kandungan biasa yang sering anda gunakan dalam kawasan kandungan anda.

      Untuk menambah serpihan HTML ke dalam templat kandungan:

      1. Pilih teks dan/atau imej dalam editor HTML.
      2. Klik kanan tetikus.
      3. Pilih Simpan sebagai templat .

      Kursus, Modul, bahagian Edit dengan teks dan imej yang dipilih, dengan Simpan sebagai templat diserlahkan pada menu klik kanan tetikus

      1. Masukkan tajuk untuk templat tersebut.
      2. Klik Okey .
      3. Templat kandungan akan disimpan dalam pustaka peribadi anda.

      Simpan sebagai tetingkap timbul templat

      Untuk mengakses templat kandungan yang disimpan:

      1. Klik Sumber daripada bar navigasi kiri.
      2. Klik Katalog daripada menu keluar.
      3. Tapis mengikut Jenis sumber > Templat kandungan dalam panel Carian.
      4. Klik templat kandungan anda.

      Sumber, halaman Katalog dengan bahagian Jenis sumber yang diserlahkan dalam panel Carian

      Templat kandungan dipaparkan. Untuk melihat butiran lanjut tentang templat kandungan:
      1. Klik Butiran .

      Sumber, Templat timbul kandungan


      Anda kini boleh mengemas kini bahagian kandungan:
      1. Klik Edit untuk mengedit kandungan .
      2. Klik Padam untuk mengalih keluar templat.

      Sumber, Templat kandungan dengan ikon Edit dan Padam diserlahkan

      Jika anda klik edit, anda boleh mengemas kini kandungan dan berkongsinya dengan pengguna lain.
      1. Pilih pustaka Peribadi , Organisasi atau Perniagaan jika anda mahu templat kandungan tersedia untuk pengguna lain.
      2. Selepas mengedit kandungan, klik Simpan .

      Sumber, Skrin templat Edit kandungan

      Untuk memasukkan salinan templat kandungan ke dalam bahagian:
      1. Akses bahagian tersebut.
      2. Klik kanan tetikus.
      3. Pilih Sisip Templat .
      4. Pilih templat daripada senarai juntai bawah.
      5. Klik Simpan .
      Kursus, Modul, bahagian Edit dengan templat Sisip diserlahkan pada menu klik kanan tetikus