Saran dan Komentar

Menambahkan kontrol editor teks kaya ke aplikasi yang diarahkan model

  • Artikel
  • 26 menit untuk membaca

Kontrol editor teks kaya memberi pengguna aplikasi area pengeditan WYSIWYG untuk memformat teks. Format input dan output kontrol adalah HTML. Kontrol memungkinkan teks kaya yang disalin, seperti dari browser web atau Word, untuk ditempelkan ke kontrol.

Beberapa pilihan format yang tersedia adalah:

  • Tebal, miring, garis bawah, dan coret
  • Warna teks, Warna sorotan
  • Jenis dan ukuran font
  • Daftar bernomor dan daftar Bullet
  • Hyperlink
  • Tabel
  • Gambar

Untuk daftar lengkap pilihan default, lihat Menggunakan toolbar editor teks kaya.

Rich text control editor in a model-driven app

Menambahkan atau mengganti kolom teks untuk pengeditan teks kaya

Buat kolom teks baru dan konfigurasikan kontrol, atau ganti kolom teks yang sudah ada. Kontrol editor teks kaya dapat digunakan dengan kolom teks satu baris atau beberapa baris.

Konfigurasi sederhana

Untuk mengaktifkan editor teks kaya dengan nilai default pada kolom teks baru atau yang sudah ada, Anda dapat mengatur opsi Format ke Teks kaya menggunakan langkah-langkah berikut. Informasi selengkapnya tentang nilai default: Menggunakan sumber daya web default untuk perubahan di seluruh organisasi

  1. Masuk ke Power Apps.

    Catatan

    Jika Anda memiliki bidang teks kaya yang sudah ada, Anda dapat menggunakan API untuk mengubah format menjadi Richtext. Informasi selengkapnya: Konversi format tipe data

  2. Di panel navigasi kiri, pilih Solusi, buka solusi yang Anda inginkan, buka tabel yang Anda inginkan, lalu pilih area Kolom.

  3. Pilih +Tambahkan > Kolom, masukkan nama untuk kolom Anda, pilih teks Tipe data, lalu pilih opsi Format teks kaya.

  4. Simpan kolom. Anda sekarang dapat menambahkan kolom baru ke formulir yang sudah ada atau yang baru untuk tabel ini.

Konfigurasi Tingkat Lanjut

Kontrol Editor Teks Kaya dilengkAPI dengan bundel pilihan konfigurasi kaya yang memungkinkan penyesuaian penampilan, fitur, dan perilakunya. Untuk mengaktifkan editor teks kaya dengan konfigurasi tertentu pada kolom baru atau yang sudah ada, selesaikan langkah-langkah berikut.

  1. Masuk ke Power Apps.
  2. Di panel navigasi kiri, pilih Solusi, buka solusi yang Anda inginkan, buka tabel yang Anda inginkan, lalu pilih area Formulir.
  3. Pilih formulir, lalu pilih Edit formulir > Edit formulir di tab baru.
  4. Pada kanvas desainer formulir, tambahkan atau buat kolom teks atau pilih kolom teks yang sudah ada, seperti kolom teks multi-baris kustom yang digunakan dalam artikel ini.
  5. Pada panel properti kolom kanan, perluas bagian Komponen, pilih + Komponen, lalu pilih Kontrol Editor Teks Kaya.
  6. Pada panel kontrol Tambahkan editor teks kaya, pilih dari opsi berikut ini, lalu pilih Selesai:

    • Mengikat ke kolom tabel: Kami tidak menyarankan Anda mengaktifkan opsi ini karena properti ini tidak mendukung pengikatan ke kolom tabel yang berbeda.

    • Nilai statis: Jika Anda ingin menyesuaikan tampilan, fitur, dan perilaku editor teks kaya, masukkan URL relatif ke sumber daya web JavaScript yang berisi properti yang Anda inginkan. Informasi selengkapnya: Membuat dan menggunakan konfigurasi lanjutan untuk kontrol editor teks kaya

    • Web, Ponsel, dan Tablet: Aktifkan semua jika Anda ingin semua aplikasi klien memiliki kemampuan untuk menggunakan teks kaya di kolom.

      Rich text control editor configuration
  7. Simpan, lalu Publikasikan formulir.

Membuat dan menggunakan konfigurasi lanjutan untuk kontrol editor teks kaya

Untuk membuat dan menggunakan konfigurasi lanjutan untuk kontrol editor teks kaya, ikuti langkah-langkah berikut:

  1. Buat file JavaScript (.js) yang berisi file teks format JSON dengan struktur dan konfigurasi yang defaultSupportedProps Anda inginkan. Informasi selengkapnya: Lebih banyak contoh konfigurasi editor teks kaya dan properti Editor teks kaya

  2. Di Power Apps, buat javascript (JS) ketik sumber daya web menggunakan file JSON yang dibuat pada langkah 1. Informasi lebih lanjut; Membuat atau mengedit sumber daya web aplikasi berdasarkan model untuk memperluas aplikasi

  3. Tambahkan URL relatif untuk sumber daya web JavaScript (misalnya /WebResources/contoso_toolbartoprte) di bidang Nilai statis pada panel kontrol Tambahkan editor teks kaya. Informasi selengkapnya: Menambahkan atau mengganti kolom teks untuk pengeditan teks kaya

    Tip

    • URL sumber daya web terletak di sebelah bidang URL pada definisi sumber daya web yang Anda buat di langkah sebelumnya.
    • Meskipun Anda dapat menggunakan URL absolut untuk nilai Statis, dengan menggunakan URL relatif, sumber daya web akan terus berfungsi setelah diimpor ke lingkungan lain sebagai solusi. URL untuk sumber daya web JavaScript

  4. Simpan, lalu Publikasikan formulir.

Praktik terbaik untuk menggunakan editor teks kaya

Pertimbangkan yang berikut saat menggunakan editor teks kaya:

  • Kinerja terbaik dicapai bila ukuran konten HTML adalah 1 MB atau kurang. Bila ukuran konten HTML Anda melebihi 1 MB, Anda mungkin melihat waktu respons yang lebih lambat untuk pemuatan dan pengeditan konten. Secara default, konten gambar direferensikan dari HTML konten tetapi tidak disimpan sebagai bagian dari konten HTML, sehingga dalam konfigurasi default, gambar tidak mempengaruhi kinerja secara negatif.

  • Bidang teks kaya akan menyimpan tag HTML, yang diperlukan untuk memformat bersama dengan data yang dimasukkan pengguna. Saat menetapkan ukuran maksimum untuk bidang Anda, pastikan untuk menetapkan ukuran yang cukup besar untuk tag HTML dan data yang dimasukkan pengguna.

  • Secara default, editor teks kaya akan mengunggah gambar ke penyimpanan Azure Blob dan tidak akan disimpan sebagai bagian dari bidang tersebut. Gambar akan disimpan di bidang yang sama dengan base64 ketika pengirim tidak memiliki izin ke msdyn_richtextfiles entitas. Konten Base64 berukuran besar, jadi Anda biasanya tidak ingin menyimpan gambar sebagai base64.

Bagaimana konfigurasi diterapkan ke editor teks kaya

Pengalaman dan kemampuan editor teks kaya dikontrol dengan konfigurasi. Konfigurasi default untuk kontrol editor teks kaya memiliki properti dan nilai yang dimaksudkan untuk memenuhi kebutuhan teks kaya normal, tetapi dapat disesuaikan. Properti dan nilai konfigurasi dapat diterapkan ke instans kontrol editor teks kaya tertentu. Mungkin ada hingga tiga tingkat konfigurasi yang dapat diterapkan ke setiap instans editor teks kaya. Logika yang digunakan untuk menerapkan properti dan nilai adalah sebagai berikut:

  1. File konfigurasi global yang tidak dapat diedit RTEGlobalConfiguration_Readonly.json dimuat.

  2. File konfigurasi global yang dapat diedit RTEGlobalConfiguration.json dimuat.

    • Properti dalam konfigurasi ini menggantikan* properti bernama sama dalam file konfigurasi sebelumnya.

  3. File konfigurasi khusus instans, jika ada, dimuat. Lihat Konfigurasi tingkat lanjut untuk informasi selengkapnya tentang konfigurasi tingkat instans.

    • Properti dalam konfigurasi ini menggantikan* properti bernama sama di salah satu file konfigurasi sebelumnya.

    Catatan

    Semua properti diganti kecuali untuk extraPlugins, yang digabungkan. Menggabungkan extraPlugins memungkinkan penggunaan berbagai plugin di RTEGlobalConfiguration.json menggunakan externalPlugins dan plugin yang disediakan di luar kotak. Kemudian, hanya plugin yang diperlukan yang dapat diaktifkan dengan menambahkannya ke nilai ekstraPlugins dalam konfigurasi khusus instance.

Kolom berkemampuan teks kaya memiliki serangkaian konfigurasi terbatas yang dapat dikonfigurasi untuk status baca-saja atau dinonaktifkan. Anda dapat mempelajari selengkapnya tentang konfigurasi ini dari deskripsi properti "readOnlySettings".

Properti Editor teks kaya

File JSON berisi properti yang diatur sebagai pasangan nama dan nilai. Ada dua jenis konfigurasi: bagian, defaultSupportedProps dan pengaturan konfigurasi individual yang menyediakan berbagai fungsi.

Ini defaultSupportedProps adalah satu set properti untuk plug-in, dan termasuk dukungan untuk semua konfigurasi CKEditor. Informasi selengkapnya: Visualisasi file konfigurasi editor teks kaya. Ini defaultSupportedProps tidak terbatas hanya pada properti plug-in yang didokumentasikan dari CKEditor, tetapi juga memungkinkan Anda untuk mengatur properti untuk lebih banyak plug-in yang Anda tambahkan atau buat. Informasi selengkapnya tentang plug-in: Gunakan plug-in untuk memperluas proses bisnis.

Pengaturan konfigurasi individual memungkinkan Anda mengubah perilaku dan fungsi editor Anda.

Visualisasi file konfigurasi editor teks kaya

Dua gambar berikut mengidentifikasi secara visual dua bagian konfigurasi. Untuk file konfigurasi lengkap, buka Menggunakan sumber daya web default untuk perubahan di seluruh organisasi.

defaultSupportedProps

Informasi selengkapnya: visualisasi konfigurasi defaultSupportedProps defaultsupportedprops.

Pengaturan Konfigurasi individual

Informasi selengkapnya: Pengaturan konfigurasi individual Visualisasi pengaturan konfigurasi individual.

defaultSupportedProps

Anda dapat mengkonfigurasi semua properti yang didukung CKEditor di dalam properti ini. Beberapa konfigurasi yang umum digunakan dan kustom dijelaskan di bawah ini. Untuk dokumentasi lengkap tentang konfigurasi CKEditor, lihat CKEditor.config. Editor teks kaya saat ini menggunakan CKEditor versi 4.17.1.

Atribut Deskripsi Nilai default
tinggi

Menetapkan tinggi awal editor konten. Default-nya adalah 185 px.

"height": 185
stickyStyle

Menentukan ukuran dan gaya font default yang sebenarnya.

Plugin stickyStyle membuat pembungkus di sekitar konten Anda menggunakan elemen yang ditentukan oleh "stickyStyles_defaultTag", yang awalnya dikonfigurasi sebagai "div", dan dapat diubah menjadi "p" atau tag alternatif apa pun.

 
"stickyStyle": {
   "font-size": "9pt",
   "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
},
"stickyStyles_defaultTag": "div"
font_defaultLabel

Menentukan label default yang ditampilkan di toolbar untuk gaya font. Default-nya adalah Segoe UI. Label default hanya visual dan tidak berfungsi, dan konfigurasi stickyStyle menerapkan font dan ukuran fungsional.

"font_defaultLabel": "Segoe UI"
fontSize_defaultLabel

Menentukan label default yang ditampilkan di toolbar untuk ukuran font. Default-nya adalah 9. Label default hanya visual dan tidak berfungsi, dan konfigurasi stickyStyle menerapkan font dan ukuran fungsional.

"fontSize_defaultLabel": "9"
toolbarLocation

Lokasi antarmuka pengguna yang akan dirender Toolbar-nya. Nilai yang didukung adalah atas dan bawah. Default-nya adalah bawah.

"toolbarLocation": "bottom"
toolbar

Daftar tombol toolbar yang akan dimuatkan.

 
"toolbar": [
  [ "CopyFormatting" ],
  [ "Font" ],
  [ "FontSize" ],
  [ "Bold" ],
  [ "Italic" ],
  [ "Underline" ],
  [ "BGColor" ],
  [ "TextColor" ],
  [ "BulletedList" ],
  [ "NumberedList" ],
  [ "Outdent" ],
  [ "Indent" ],
  [ "Blockquote" ],
  [ "JustifyLeft" ],
  [ "JustifyCenter" ],
  [ "JustifyRight" ],
  [ "Link" ],
  [ "Unlink" ],
  [ "Subscript" ],
  [ "Superscript" ],
  [ "Strike" ],
  [ "Image" ],
  [ "BidiLtr" ],
  [ "BidiRtl" ],
  [ "Undo" ],
  [ "Redo" ],
  [ "RemoveFormat" ],
  [ "Table" ]
]
plugin

Daftar plug-in yang dipisahkan koma yang akan digunakan dalam instans editor. Plug-in aktual yang dimuat mungkin masih dipengaruhi oleh dua pengaturan lain: extraPlugins dan removePlugins.

Memperbarui pengaturan ini mungkin akan menghapus plug-in dari Toolbar. Jika Anda mengatur properti ini ke string kosong, editor akan memuat tanpa Toolbar.

Jika Anda ingin menambahkan satu atau beberapa plug-in ke Toolbar, sebaiknya gunakan extraplugins. Jika Anda ingin menghapus satu atau beberapa dari daftar default, gunakan removeplugins.

"plugins": [["button,toolbar,dialogui,dialog,autogrow,notification,clipboard,textmatch,fakeobjects,link,autolink,basicstyles,bidi,blockquote,panelbutton,panel,floatpanel,colorbutton,colordialog,listblock,richcombo,menu,contextmenu,copyformatting,enterkey,entities,popup,find,floatingspace,font,format,htmlwriter,horizontalrule,indent,indentblock,indentlist,justify,lineutils,openlink,list,liststyle,maximize,undo,menubutton,notificationaggregator,xml,ajax,pastetools,pastefromword,pastetext,preview,table,quicktable,removeformat,resize,selectall,showborders,sourcearea,specialchar,stylescombo,tab,tabletools,tableresize,tableselection,widgetselection,widget,wysiwygarea,textwatcher"]]
extraPlugins

Daftar plug-in lain yang dipisahkan koma yang akan dimuat. Pengaturan ini memudahkan penambahan plug-in baru tanpa menyentuh pengaturan plugin.

Ada banyak plug-in yang diperlukan untuk plug-in lain untuk bekerja. Misalnya, plug-in dialog diperlukan untuk plug-in tautan. Editor Rich Text ditambahkan secara otomatis, dan Anda tidak dapat menggantinya dengan memperbarui properti ini. Pengaturan ini hanya akan menambahkan plug-in baru ke daftar sebelumnya.

Jika Anda ingin menghapus salah satu preset, sebaiknya gunakan properti removeplugins.

"extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi,blockquote,button,collapser,colorbutton,colordialog,confighelper,contextmenu,copyformatting,dialog,editorplaceholder,filebrowser,filetools,find,floatpanel,font,iframerestrictor,indentblock,justify,notification,panel,panelbutton,pastefromword,quicktable,selectall,stickystyles,superimage,tableresize,tableselection,tabletools,uploadfile,uploadimage,uploadwidget"
removePlugins

Daftar plug-in yang tidak boleh dimuat. Pengaturan ini memungkinkan untuk menghindari pemuatan beberapa plug-in yang ditentukan dalam pengaturan plugins/extraPlugins tanpa harus menyentuhnya.

"removePlugins": "a11yhelp,codemirror,magicline,scayt,showborders"
superimageImageMaxSize

Ukuran maksimum dalam megabita (MB) diizinkan untuk gambar yang disematkan saat menggunakan plugin superimage. Default-nya adalah 5.

"superimageImageMaxSize": 5
Tidak diizinkanContent

Memungkinkan Anda melarang elemen yang tidak ingin Anda miliki dalam konten Anda. Anda dapat melarang seluruh elemen atau dengan atribut, kelas, dan gaya. Untuk informasi selengkapnya tentang konfigurasi CKEditor "disallowedContent", lihat Aturan Konten yang Dilarang.

"disallowedContent": "form[action]; *[formaction]; script; *[on*]"
linkTargets

Memungkinkan Anda mengonfigurasi opsi target tautan mana yang tersedia untuk pengguna saat mereka membuat tautan.

 Target tautan - ```notSet```: Tidak ada target yang ditetapkan untuk dokumen di tag jangkar - ```frame```: Membuka dokumen dalam bingkai yang ditentukan - ```popupWindow```: Membuka dokumen di jendela popup - ```_blank```: Membuka dokumen di jendela atau tab baru - ```_top```: Membuka dokumen di seluruh isi jendela - ```_self```: Membuka dokumen di jendela atau tab yang sama di mana tautan diaktifkan - ```_parent```: Membuka dokumen dalam rangka induk



Contoh:

"linkTargets": ["notSet", "_blank"]

Pengaturan Konfigurasi individual

Anda dapat mengonfigurasi pengaturan konfigurasi lain yang memengaruhi fungsi editor Anda.

Atribut Deskripsi Nilai default
attachmentEntity

Dengan mengatur properti ini dan menentukan tabel yang berbeda, Anda dapat menghindari penggunaan tabel default untuk file sehingga Anda dapat menerapkan lebih banyak keamanan jika diperlukan.

Informasi lebih lanjut: Kolom file (Microsoft Dataverse) - Power Apps

Sintaksis:

 "attachmentEntity": {
   "name": "<<name of the image table>>",
   "fileAttributeName": "<<attribute name of the blob reference>>"
}

Contoh:

"attachmentEntity": {
  "name": "msdyn_mystorageforcustomizedsecurity",
  "fileAttributeName": "msdyn_customfilestorage"
}

Default:

"attachmentEntity": {
  "name": "msdyn_richtextfiles",
  "fileAttributeName": "msdyn_fileblob"
}
disableContentSanitization Secara default, sanitasi konten dinonaktifkan untuk memungkinkan keberhasilan penyalinan dan penempelan konten teks kaya dari sumber eksternal. Saat diaktifkan, sanitasi konten akan menghapus beberapa atribut atau tag khusus. Konfigurasi ini hanya berlaku untuk mode edit. Rendering status baca-saja atau dinonaktifkan akan selalu disanitasi.

"disableContentSanitization": true
disableDefaultImageProcessing

Secara default, gambar akan diunggah menggunakan API klien. Segera setelah gambar ditambahkan ke editor, itu akan diunggah ke platform. Untuk memproses gambar, atur properti ini ke True.

"disableDefaultImageProcessing": false
disableImages

Mengatur properti ini ke True akan menonaktifkan gambar. Properti ini akan memiliki prioritas tertinggi. Ini berarti bahwa bila properti ini diatur ke true, terlepas dari nilai properti imageentity, gambar akan dinonaktifkan. Gambar diaktifkan secara default.

"disableImages": false
externalPlugins

Dengan menggunakan properti ini, Anda dapat menulis plug-in Anda sendiri dan menggunakannya dalam kontrol Editor Teks Kaya.

Tidak ada nilai default karena ini adalah bagaimana Anda dapat memperluas fungsionalitas Anda dengan menambahkan plugin lain yang awalnya tidak disediakan. Nilai jalur dapat berupa URL absolut atau relatif.

Contoh:

"externalPlugins": [
    {
      "name": "<<Plugin Name>>",
      "path": "<<Plugin’s folder path>>”
    }
  ]

Contoh:

"externalPlugins": [
  {
    "name": "EmbedMedia",
    "path": "/WebResources/msdyncrm_/myplugins/embedmedia/"
  }
]
imageEntity

Dengan mengatur properti ini dan menentukan tabel yang berbeda, Anda dapat menghindari penggunaan tabel default untuk gambar sehingga Anda dapat menerapkan lebih banyak keamanan jika diperlukan.

Informasi selengkapnya: Kolom gambar (Microsoft Dataverse) - Power Apps

Sintaksis:

 "imageEntity": {
   "imageEntityName": "<<name of the image table>>",
   "imageFileAttributeName": "<<attribute name of the blob reference>>"
}

Contoh:

"imageEntity": {
  "imageEntityName": "msdyn_mystorageforcustomizedsecurity",
  "imageFileAttributeName": "msdyn_customimagestorage"
}

Default:

"imageEntity": {
  "imageEntityName": "msdyn_richtextfiles",
  "imageFileAttributeName": "msdyn_imageblob"
}
readOnlySettings

Dengan mengatur properti ini, Anda dapat mengonfigurasi perilaku lain untuk kolom saat dilihat dalam status baca-saja atau dinonaktifkan.

Contoh:

"readOnlySettings": {
  "height:": 500,
  "showFullScreenExpander": true
}

Default:

"readOnlySettings": {
}
readOnlySettings

Dengan mengatur properti ini, Anda dapat mengizinkan lebih banyak konten ditampilkan.

Contoh:

 "sanitizerAllowlist": {
   "attributes": ["data-id-wrapper"],
   "cssProperties": ["filter","list-style-type"],
   "domains": ["([a-z0-9]+[.])*.youtube.com","www.randomsite.com"],
   "protocols": ["file","ftp"],
   "tags": ["input"]
}

Default:

"sanitizerAllowlist": {
  "attributes": [],
  "cssProperties": [],
  "domains": [],
  "protocols": [],
  "tags": []
}
showAsTabControl

Dengan mengatur properti ini, Anda dapat menampilkan lebih banyak perintah di atas jendela editor.

Harus diatur ke benar untuk mengaktifkan atribut berikut:

  • showFullScreenExpander
  • showHtml
  • showPreview
  • showPreviewHeaderWarning

"showAsTabControl": false
showFullScreenExpander

Properti ini menambahkan fungsionalitas perluas/ciutkan layar penuh, yang memungkinkan Anda untuk memperluas dan menggunakan editor dalam mode layar penuh.

Tergantung pada showAsTabControl diatur ke benar.

"showFullScreenExpander": false
showHtml

Properti ini menambahkan pilihan untuk menampilkan dan mengedit konten html secara langsung.

Tergantung pada showAsTabControl diatur ke benar.

"showHtml": false
showPreview

Properti ini menambahkan pilihan untuk mempratinjau konten editor yang dirender sebagai html. Mempratinjau memungkinkan Anda melihat tampilan konten jika Anda membagikan dan menyajikan konten sebagai HTML di luar editor.

Tergantung pada showAsTabControl diatur ke benar.

"showPreview": false
showPreviewHeaderWarning

Properti ini memungkinkan Anda menampilkan/menyembunyikan pesan peringatan yang ditampilkan saat mempratinjau konten.

Tergantung pada showAsTabControl dan showPreview diatur ke benar.

"showPreviewHeaderWarning": false

Konfigurasi editor teks kaya yang umum digunakan

Berikut ini adalah konfigurasi umum untuk editor teks kaya. Konfigurasi sampel ini dapat digunakan untuk mengaktifkan jenis pengalaman teks kaya tertentu. Untuk setiap sampel, Anda membuat sumber daya web JSON atau memodifikasi konfigurasi sumber daya web default. Informasi selengkapnya: Membuat dan menggunakan konfigurasi tingkat lanjut untuk kontrol editor teks kaya dan Menggunakan sumber daya web default untuk perubahan di seluruh organisasi

Atur font default ke Calibri dengan ukuran font 11pt

Atur font dan ukuran default Anda agar sesuai dengan Microsoft Windows default. Contoh ini menunjukkan pengaturan mana yang Anda gunakan untuk menerapkan perubahan ini dalam pengalaman Anda.

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "font_defaultLabel": "Calibri"
   
   "fontSize_defaultLabel": "11"
   
   "stickyStyle": {
     "font-size": "11pt",
     "font-family": "Calibri/Calibri, Helvetica, sans-serif;"
   }

Membuat hentian baris (Tombol enter) membuat < br>, bukan < p>

Perilaku default untuk tombol enter membuat blok paragraf dengan < tag HTML p> (juga digunakan saat menafsirkan konten yang ditempelkan). Blok paragraf digunakan dalam HTML untuk mengelompokkan informasi. Dalam beberapa kasus, saat membuat informasi baru atau tempel dari Microsoft Word atau editor konten lainnya, karena bagaimana setiap browser menafsirkan pemformatan untuk tag blok paragraf (< p>) sedikit berbeda, Anda mungkin ingin menggunakan < tag HTML br> alih-alih blok paragraf. Spasi vertikal untuk < tag HTML br> dalam kasus tertentu dapat lebih konsisten secara visual di berbagai browser dan pengalaman. Contoh ini menunjukkan kepada Anda cara mengubah dari < p> ke < br>.

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "enterMode": 2

Semua konten yang ditempelkan atau dibuat sesuai dengan HTML 5

Kontrol editor teks kaya berfungsi paling baik dengan konten HTML 5, meskipun tag dan pemformatan HTML 4 juga dapat digunakan dengan sukses. Dalam beberapa kasus, campuran tag HTML 4 dan HTML 5 dapat menciptakan tantangan kegunaan saat memilih dan mengatur font dan ukuran. Penggunaan "allowedContent" dapat memastikan semua konten Anda adalah HTML 5. Contoh ini memungkinkan semua tag HTML 5 yang didukung. Setiap tag yang tidak sesuai dikonversi ke HTML 5 yang setara.

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "allowedContent": "a(*)[*]{*};abbr(*)[*]{*};address(*)[*]{*};area(*)[*]{*};article(*)[*]{*};aside(*)[*]{*};audio(*)[*]{*};b(*)[*]{*};base(*)[*]{*};bdi(*)[*]{*};bdo(*)[*]{*};blockquote(*)[*]{*};body(*)[*]{*};br(*)[*]{*};button(*)[*]{*};canvas(*)[*]{*};caption(*)[*]{*};cite(*)[*]{*};code(*)[*]{*};col(*)[*]{*};colgroup(*)[*]{*};data(*)[*]{*};datalist(*)[*]{*};dd(*)[*]{*};del(*)[*]{*};details(*)[*]{*};dfn(*)[*]{*};dialog(*)[*]{*};div(*)[*]{*};dl(*)[*]{*};dt(*)[*]{*};em(*)[*]{*};embed(*)[*]{*};fieldset(*)[*]{*};figcaption(*)[*]{*};figure(*)[*]{*};footer(*)[*]{*};form(*)[*]{*};h1(*)[*]{*};h2(*)[*]{*};h3(*)[*]{*};h4(*)[*]{*};h5(*)[*]{*};h6(*)[*]{*};head(*)[*]{*};header(*)[*]{*};hr(*)[*]{*};html(*)[*]{*};i(*)[*]{*};iframe(*)[*]{*};img(*)[*]{*};input(*)[*]{*};ins(*)[*]{*};kbd(*)[*]{*};label(*)[*]{*};legend(*)[*]{*};li(*)[*]{*};link(*)[*]{*};main(*)[*]{*};map(*)[*]{*};mark(*)[*]{*};meta(*)[*]{*};meter(*)[*]{*};nav(*)[*]{*};noscript(*)[*]{*};object(*)[*]{*};ol(*)[*]{*};optgroup(*)[*]{*};option(*)[*]{*};output(*)[*]{*};p(*)[*]{*};param(*)[*]{*};picture(*)[*]{*};pre(*)[*]{*};progress(*)[*]{*};q(*)[*]{*};rp(*)[*]{*};rt(*)[*]{*};ruby(*)[*]{*};s(*)[*]{*};samp(*)[*]{*};section(*)[*]{*};select(*)[*]{*};small(*)[*]{*};source(*)[*]{*};span(*)[*]{*};strong(*)[*]{*};style(*)[*]{*};sub(*)[*]{*};summary(*)[*]{*};sup(*)[*]{*};svg(*)[*]{*};table(*)[*]{*};tbody(*)[*]{*};td(*)[*]{*};template(*)[*]{*};textarea(*)[*]{*};tfoot(*)[*]{*};th(*)[*]{*};thead(*)[*]{*};time(*)[*]{*};title(*)[*]{*};tr(*)[*]{*};track(*)[*]{*};u(*)[*]{*};ul(*)[*]{*};var(*)[*]{*};video(*)[*]{*};wbr(*)[*]{*};"

Lebih banyak contoh konfigurasi editor teks kaya

Tambahkan peluas layar penuh

Atur properti ini Individual configuration settings di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi lebih lanjut: Pengaturan konfigurasi individual)


 "showAsTabControl": true
 
 "showFullScreenExpander": true

Kontrol peluas layar.

Tambahkan tab tampilan sumber HTML

Atur properti ini Individual configuration settings di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi lebih lanjut: Pengaturan konfigurasi individual)


 "showAsTabControl": true
 
 "showHtml": true

Kontrol HTML tab.

Tambahkan Toolbar sederhana dengan ukuran font, Bold, Italic, underline, dan sorot

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "toolbar": [ { "items": [ "FontSize", "Bold", "Italic", "Underline", "BGColor" ] } ]

Kontrol untuk editor sederhana.

Menghapus Toolbar untuk membuat permukaan perenderan teks yang kaya

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "toolbar": []

Tidak ada Toolbar.

Tambahkan daftar font baru dan atur Brush Script MT sebagai font default dengan ukuran default 20 px

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "font_names": "Brush Script MT/'Brush Script MT', cursive;Calibri/Calibri, Helvetica, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;"
   
   "font_defaultLabel": "Brush Script MT"
   
   "fontSize_sizes": "8/8px;12/12px;20/20px;32/32px"
   
   "fontSize_defaultLabel": "20"
   
   "stickyStyle": {
     "font-size": "20px",
     "font-family": "'Brush Script MT', cursive"
   }

Mengatur font default baru.

Posisikan toolbar di bagian atas editor teks kaya

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "toolbarLocation": "top"

Toolbar diposisikan di bagian atas editor teks kaya.

Mulai editor pada ketinggian 30 px dan kemudian tumbuh otomatis agar sesuai dengan konten

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "autoGrow_onStartup": false
   
   "autoGrow_maxHeight": 0
   
   "autoGrow_minHeight": 30
   
   "height": 30

Mengetik ke area teks kaya akan meningkatkannya agar sesuai dengan konten.

Perbaiki tinggi editor pada 500 px

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "removePlugins": [ "autogrow" ]
   
   "height": 500

Dengan tinggi tetap, editor tetap pada ketinggian yang sama. Bila konten yang cukup ditambahkan, bilah gulir akan ditampilkan.

Buat permukaan teks biasa yang menghapus semua tag html kecuali tag "br"

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "enterMode": 2
   
   "shiftEnterMode": 2
   
   "allowedContent": "*"
   
   "disallowedContent": "*"
   
   "forcePasteAsPlainText": true
   
   "toolbar": []
   
   "removePlugins": "contextmenu,liststyle,openlink,tableresize,tableselection,tabletools"

Atur properti ini Individual configuration settings di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi lebih lanjut: Pengaturan konfigurasi individual)


 "disableImages": true

Membuat permukaan teks biasa akan membuat html strip.

Hapus menu konteks sehingga mengklik kanan akan berfungsi dengan pemeriksaan ejaan browser default

Mengaktifkan fungsi ini akan menghilangkan kemampuan pengeditan klik kanan kontekstual.

Atur properti ini defaultSupportedProps di file konfigurasi Anda. Setiap nilai harus diikuti oleh , (comma) kecuali nilai terakhir: (Informasi selengkapnya: defaultSupportedProps)


   "removePlugins": "contextmenu,liststyle,openlink,tableresize,tableselection,tabletools"

Hilangkan menu konteks sehingga mengeklik kanan akan kompatibel dengan pemeriksa ejaan browser default.

Menggunakan sumber daya web default untuk perubahan di seluruh organisasi

Sumber daya web RTE default tersedia dengan nama tampilan RTEGlobalConfiguration.json. Konfigurasi ini digunakan untuk semua contoh kontrol RTE dan dapat digunakan untuk membuat perubahan di seluruh organisasi. Ini mencakup RTE yang digunakan pada catatan teks kaya timeline, manajemen pengetahuan, dan bidang satu baris dan multi-baris yang dikonfigurasi untuk menggunakan kontrol RTE.

{
    "defaultSupportedProps": {
        "allowedIframeDomains": [],
        "autoGrow_onStartup": true,
        "basicEntities": true,
        "browserContextMenuOnCtrl": true,
        "copyFormatting_allowRules": true,
        "customConfig": "",
        "dialog_backgroundCoverColor": "black",
        "disableNativeSpellChecker": false,
        "enterMode": 3,
        "extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi,blockquote,button,collapser,colorbutton,colordialog,confighelper,contextmenu,copyformatting,dialog,editorplaceholder,filetools,find,floatpanel,font,iframerestrictor,indentblock,justify,panel,panelbutton,pastefromword,quicktable,selectall,stickystyles,superimage,tableresize,tableselection,tabletools",
        "fillEmptyBlocks": true,
        "font_defaultLabel": "Segoe UI",
        "font_names": "Angsana New/'Angsana New', 'Leelawadee UI', Sathu, serif;Arial/Arial, Helvetica, sans-serif;Arial Black/'Arial Black', Arial, sans-serif;Calibri Light/'Calibri Light', 'Helvetica Light', sans-serif;Calibri/Calibri, Helvetica, sans-serif;Cambria/Cambria, Georgia, serif;Candara/Candara, Optima, sans-serif;Century Gothic/'Century Gothic', sans-serif;Comic Sans MS/'Comic Sans MS';Consolas/Consolas, Courier, monospace;Constantia/Constantia, 'Hoefler Text', serif;Corbel/Corbel, Skia, sans-serif;Cordia New/'Cordia New', 'Leelawadee UI', Silom, sans-serif;Courier New/'Courier New';DaunPenh/DaunPenh, 'Leelawadee UI', 'Khmer MN', sans-serif;Franklin Gothic Book/'Franklin Gothic Book', 'Avenir Next Condensed', sans-serif;Franklin Gothic Demi/'Franklin Gothic Demi', 'Avenir Next Condensed Demi Bold', sans-serif;Franklin Gothic Medium/'Franklin Gothic Medium', 'Avenir Next Condensed Medium', sans-serif;Garamond/Garamond, Georgia, serif;Gautami/Gautami, 'Nirmala UI', 'Telugu MN', sans-serif;Georgia/Georgia, serif;Impact/Impact, Charcoal, sans-serif;Iskoola Pota/'Iskoola Pota', 'Nirmala UI', 'Sinhala MN', sans-serif;Kalinga/Kalinga, 'Nirmala UI', 'Oriya MN', sans-serif;Kartika/Kartika, 'Nirmala UI', 'Malayalam MN', sans-serif;Latha/Latha, 'Nirmala UI', 'Tamil MN', sans-serif;Leelawadee UI/'Leelawadee UI', Thonburi, sans-serif;Lucida Console/'Lucida Console', Monaco, monospace;Lucida Handwriting/'Lucida Handwriting', 'Apple Chancery', cursive;Lucida Sans Unicode/'Lucida Sans Unicode';Mangal/Mangal, 'Nirmala UI', 'Devanagari Sangam MN', sans-serif;Nirmala UI/'Nirmala UI', sans-serif;Nyala/Nyala, Kefa, sans-serif;Palatino Linotype/'Palatino Linotype', 'Book Antiqua', Palatino, serif;Raavi/Raavi, 'Nirmala UI', 'Gurmukhi MN', sans-serif;Segoe UI/'Segoe UI', 'Helvetica Neue', sans-serif;Shruti/Shruti, 'Nirmala UI', 'Gujarati Sangam MN', sans-serif;Sitka Heading/'Sitka Heading', Cochin, serif;Sitka Text/'Sitka Text', Cochin, serif;Sylfaen/Sylfaen, Mshtakan, Menlo, serif;TW Cen MT/'TW Cen MT', 'Century Gothic', sans-serif;Tahoma/Tahoma, Geneva, sans-serif;Times New Roman/'Times New Roman', Times, serif;Times/Times, 'Times New Roman', serif;Trebuchet MS/'Trebuchet MS';Tunga/Tunga, 'Nirmala UI', 'Kannada MN', sans-serif;Verdana/Verdana, Geneva, sans-serif;Vrinda/Vrinda, 'Nirmala UI', 'Bangla MN', sans-serif;メイリオ/Meiryo, メイリオ, 'Hiragino Sans', sans-serif;仿宋/FangSong, 仿宋, STFangsong, serif;微軟正黑體/'Microsoft JhengHei', 微軟正黑體, 'Apple LiGothic', sans-serif;微软雅黑/'Microsoft YaHei', 微软雅黑, STHeiti, sans-serif;新宋体/NSimSun, 新宋体, SimSun, 宋体, SimSun-ExtB, 宋体-ExtB, STSong, serif;新細明體/PMingLiU, 新細明體, PMingLiU-ExtB, 新細明體-ExtB, 'Apple LiSung', serif;楷体/KaiTi, 楷体, STKaiti, serif;標楷體/DFKai-SB, 標楷體, BiauKai, serif;游ゴシック/'Yu Gothic', 游ゴシック, YuGothic, sans-serif;游明朝/'Yu Mincho', 游明朝, YuMincho, serif;隶书/SimLi, 隶书, 'Baoli SC', serif;黑体/SimHei, 黑体, STHeiti, sans-serif;굴림/Gulim, 굴림, 'Nanum Gothic', sans-serif;궁서/Gungsuh, 궁서, GungSeo, serif;돋움/Dotum, 돋움, AppleGothic, sans-serif;맑은 고딕/'Malgun Gothic', '맑은 고딕', AppleGothic, sans-serif;바탕/Batang, 바탕, AppleMyungjo, serif;바탕체/BatangChe, 바탕체, AppleMyungjo, serif;ＭＳ Ｐゴシック/'MS PGothic', 'ＭＳ Ｐゴシック', 'MS Gothic', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;ＭＳ Ｐ明朝/'MS PMincho', 'ＭＳ Ｐ明朝', 'MS Mincho', 'ＭＳ 明朝', 'Hiragino Mincho ProN', serif",
        "fontSize_defaultLabel": "9",
        "fontSize_sizes": "8/8pt;9/9pt;10/10pt;11/11pt;12/12pt;14/14pt;16/16pt;18/18pt;20/20pt;22/22pt;24/24pt;26/26pt;28/28pt;36/36pt;48/48pt;72/72pt;",
        "height": 185,
        "keystrokes": [],
        "linkDefaultProtocol": "https://",
        "listStylePosition": "inside",
        "pasteAzureBlobImageAsBase64": false,
        "qtCellBorderColor": "rgb(171, 171, 171)",
        "qtCellBorderStyle": "solid",
        "qtCellBorderWidth": "1px",
        "qtCellPadding": "1",
        "qtCellSpacing": "0",
        "qtCellWith": "120px",
        "pasteFilter": null,
        "qtColumns": 8,
        "qtRows": 6,
        "qtStyle": {
            "border-collapse": "collapse",
            "font-size": "9pt"
        },
        "removeDialogTabs": "flash:Upload;link:upload",
        "removePlugins": "a11yhelp,codemirror,magicline,scayt,showborders",
        "skin": "superowa",
        "stickyStyle": {
            "font-size": "9pt",
            "font-family": "'Segoe UI','Helvetica Neue',sans-serif"
        },
        "stickyStyles_defaultTag": "div",
        "superimageImageMaxSize": 5,
        "toolbarcollapser_enableResizer": true,
        "toolbarLocation": "bottom",
        "uploadRecordId": []
    },
    "attachmentEntity": {
        "name": "msdyn_richtextfiles",
        "fileAttributeName": "msdyn_fileblob"
    },
    "disableContentSanitization": true,
    "disableDefaultImageProcessing": false,
    "disableImages": false,
    "imageEntity": {
        "imageEntityName": "msdyn_richtextfiles",
        "imageFileAttributeName": "msdyn_imageblob"
    },
    "readOnlySettings": {
    },
    "sanitizerAllowlist": {
        "attributes": [],
        "cssProperties": [],
        "domains": [],
        "protocols": [],
        "tags": []
    },
    "showAsTabControl": false,
    "showFullScreenExpander": false,
    "showHtml": false,
    "showPreview": false,
    "showPreviewHeaderWarning": false
}

Menemukan pengaturan saat ini untuk konfigurasi editor teks kaya

  1. Di browser web Microsoft Edge atau Google Chrome, jalankan aplikasi yang diarahkan model, lalu buka formulir yang memiliki kontrol editor teks kaya, misalnya baris akun.

  2. Tekan Ctrl sambil mengklik area kontrol editor teks kaya, lalu pilih Periksa.

  3. Di panel pemeriksaan, pilih tab konsol, lalu pilih halaman induk Main.aspx di kotak daftar drop-down pada bilah perintah.

    Pilih tab konsol, lalu pilih Halaman induk Main.aspx dari kotak daftar drop-down.

  4. Pilih Bersihkan konsol di bilah perintah panel pemeriksaan.

    Hapus perintah konsol.

  5. Di konsol panel pemeriksaan, masukkan ckeditor.config. untuk menampilkan konfigurasi yang berbeda.

    Daftar konfigurasi CK editor.

  6. Pilih konfigurasi, seperti autoGrow_minHeight, untuk menampilkan pengaturan saat ini.

Gunakan toolbar editor teks kaya

Toolbar editor teks kaya menyediakan fitur dan fungsi yang memungkinkan Anda bekerja dengan format teks kaya dalam catatan dan email.

Pilihan pemformatan

Tabel berikut ini menjelaskan berbagai fitur pemformatan dan opsi fungsionalitas yang tersedia di editor teks kaya yang bisa Anda gunakan.

Icon Nama Tombol pintasan Deskripsi
Pewarna format. Pewarna format Ctrl+Shift+C, Ctrl+Shift+V Terapkan tampilan bagian tertentu ke bagian lain.
Jenis huruf. Font Ctrl+Shift+F Pilih font yang Anda inginkan. Font default adalah Segoe UI.

Catatan: bila Anda memilih konten yang diformat, nama font untuk konten tersebut ditampilkan. Jika pilihan Anda berisi beberapa font, nama font paling atas pilihan Anda akan ditampilkan.
Ukuran huruf. Ukuran font Ctrl+Shift+P Ubah ukuran teks Anda. Ukuran default-nya adalah 12.

Catatan: bila Anda memilih konten yang diformat, ukuran font untuk konten tersebut ditampilkan. Jika pilihan Anda berisi beberapa ukuran font, nama font paling atas pilihan Anda akan ditampilkan.
Tebal. Bold Ctrl+B Buat teks tebal.
Miring. Italic Ctrl+I Miringkan teks Anda.
Garis bawah. Garis Bawah Ctrl+U Menggarisbawahi teks Anda.
Warna Sorotan Teks. Warna Sorotan Teks Buat teks Anda menonjol dengan menyorotnya dalam warna cerah.
Warna huruf. Warna Font Ubah warna teks Anda.
Butir. Butir Membuat daftar butir.
Penomoran. Penomoran Buat daftar bernomor.
Indentasi Turun. Kurangi Indentasi Pindahkan paragraf lebih dekat ke margin.
Indentasi Naik. Tambah Indentasi Pindahkan paragraf lebih jauh dari margin.
Kutipan dengan Blok. Kutipan dengan Blok Terapkan format kuotasi tingkat blok di konten Anda.
Rata Kiri. Rata Kiri Ctrl+L Sejajarkan konten Anda dengan margin kiri. (Biasa digunakan untuk badan teks agar lebih mudah dibaca.)
Rata Tengah. Rata Tengah Ctrl+E Tengahkan konten di halaman. (Biasa digunakan untuk penampilan formal.)
Rata Kanan. Rata Kanan Ctrl+R Sejajarkan konten Anda dengan margin kanan. (Biasa digunakan untuk penampilan formal.)
Tautan. Link Buat tautan di dokumen Anda untuk akses cepat ke halaman web dan file.

Teks URL yang ditempelkan atau diketik diubah menjadi tautan. Misalnya, "http://myexample.com" akan menjadi "http://myexample.com".

Dalam kotak dialog Tautan, Pilih jenis tautan yang ingin Anda masukkan.

Tab Link Info memungkinkan Anda untuk memilih jenis link serta mengatur protokol link dan URL.

Tab Target ini hanya tersedia untuk jenis link URL. Ini menentukan lokasi tempat link akan membuka setelah Anda pilih.
Hapus tautan. Batalkan tautan Hapus tautan di email atau dokumen Anda.

Bila Anda menempatkan kursor di link, tombol Unlink pada toolbar akan menjadi aktif. Pilih tombol untuk menghapus link dan menjadikannya teks biasa.
Superskrip. Superskrip Ketik huruf kecil tepat di atas baris teks.
Subskrip. Subskrip Ketik huruf kecil tepat di bawah baris teks.
Coret. Coretan Silang teks dengan menggambar garis melewatinya.
Sisipkan Gambar. Sisipkan Gambar Anda dapat menyisipkan gambar dengan secara langsung menyalin dan merekatkannya sebaris di editor, menarik dan menjatuhkannya dari desktop atau folder lokal secara langsung ke editor, atau dengan mengetikkan URL. Berikut ini format yang didukung: .PNG, .JPG., atau .GIF.

Untuk menyisipkan gambar inline dalam artikel Anda:
1. Tarik dan lepaskan gambar atau salin dan tempel secara langsung ke artikel.
2. Tarik sudut gambar apa pun untuk mengubah ukurannya.

Untuk memasukkan gambar menggunakan URL atau menavigasi ke gambar lokal:
1. Pilih sisipkan gambar.
2. Di dialog properti gambar, pilih dari pilihan berikut:
  • Pilih Telusuri untuk menavigasi ke gambar di komputer.
  • Atau tentukan alamat web gambar, dan properti untuk menentukan bagaimana gambar akan muncul dalam email atau artikel.

    • Catatan:
    • Jika gambar terletak di server eksternal, gunakan path absolut penuh.
    • Jika gambar terletak di server lokal, Anda dapat menggunakan path relatif.
    • Jika Anda ingin agar gambar ditautkan ke target, Tambahkan URL untuk gambar.
    • Anda juga dapat menentukan jika Anda ingin halaman ditargetkan untuk membuka di jendela baru, paling atas jendela, jendela yang sama, atau jendela induk.
Kiri ke Kanan. Kiri ke Kanan Ubah teks ke kiri-ke-kanan untuk konten seperti paragraf, header, tabel, atau daftar. Umum digunakan untuk konten bahasa dua arah. Ini adalah pengaturan default.
Kanan ke Kiri. Kanan ke Kiri Ubah teks ke kanan ke kiri untuk konten seperti paragraf, header, tabel, atau daftar. Umum digunakan untuk konten bahasa dua arah. Pengaturan default adalah kiri-ke-kanan.
Mengurungkan pengetikan. Mengurungkan pengetikan Urungkan perubahan yang telah dibuat ke konten.
Lakukan lagi pengetikan. Lakukan lagi pengetikan Lakukan lagi perubahan yang telah dibuat ke konten.
Hapus Semua Format. Hapus Semua Format Hapus semua format dari pilihan teks, hanya menyisakan teks yang normal dan tidak diformat.
Tambah Tabel. Tambah Tabel Tambahkan tabel ke konten Anda.

Setelah menambahkan tabel, Anda dapat melakukan salah satu langkah berikut:

  • Ubah ukuran kolom tabel dengan mengklik dan menyeret mouse Anda untuk mengubah ukuran ke kolom dengan lebar yang diinginkan.
  • Pilih satu atau beberapa sel dalam tabel dan Terapkan pemformatan tertentu, tambahkan tautan ke pilihan, atau potong, salin, atau tempel seluruh baris atau kolom.
  • Klik kanan untuk mengakses properti. Ini mendukung fitur seperti tipe sel, lebar dan tinggi, pembungkusan kata, perataan, penggabungan, dan pemisahan sel secara horizontal dan vertikal, menyisipkan atau menghapus baris dan kolom, rentang baris dan kolom, serta warna sel dan batas.
Bantuan aksesibilitas Alt+0 Tampilkan daftar pintasan aksesibilitas yang tersedia saat menggunakan kontrol editor teks kaya.
Perluas Toolbar. Perluas Toolbar Menampilkan saat Toolbar diciutkan dan tidak semua pilihan ditampilkan. Pilih untuk memperluas toolbar dan membuat semua opsi terlihat.

Tip

Anda dapat mengakses menu konteks browser Anda dengan memilih Ctrl + klik kanan. Ini berguna jika Anda perlu menggunakan pemeriksa ejaan bawaan browser Anda. Jika tidak, Anda dapat mengklik kanan untuk memberikan pemformatan kontekstual untuk elemen yang Anda gunakan.

Selain itu, alternatif untuk pemeriksa ejaan bawaan browser Anda adalah ekstensi browser Microsoft Editor. Microsoft Editor bekerja dengan mulus dengan kontrol editor teks kaya, dan ketika diaktifkan, menyediakan tata bahasa inline dan kemampuan pemeriksaan ejaan yang cepat dan mudah.

Cara pintas aksesibilitas

Tabel berikut menjelaskan daftar cara pintas aksesibilitas yang tersedia bila menggunakan kontrol editor teks kaya. Anda dapat mengakses daftar ini saat menulis konten dengan menekan Alt+0.

Jenis Tombol pintasan KETERANGAN
Umum Alt+F11 Hidup-matikan tampilan layar penuh.
Navigasi tab Alt+Ctrl+0 Buka bilah alat editor.
Navigasi tab Alt+1 Buka editor teks kaya.
Navigasi tab Alt+2 Buka editor HTML.
Navigasi tab Alt+3 Buka tampilan pratinjau.
Perintah editor Umum Alt+F10 Navigasi ke Toolbar editor. Pindah ke grup Toolbar berikutnya dan sebelumnya dengan tab dan Shift + tab. Pindahkan ke tombol Toolbar berikutnya dan sebelumnya dengan panah kanan atau panah kiri. Tekan spasi atau Enter untuk mengaktifkan tombol Toolbar.
Perintah editor umum Alt+- Perluas/ciutkan bilah alat editor.
Perintah editor umum Lihat Keterangan. Editor dialog: di dalam dialog, tekan tab untuk menavigasi ke elemen dialog berikutnya, tekan Shift + tab untuk beralih ke elemen dialog sebelumnya, tekan Enter untuk mengirimkan dialog, tekan ESC untuk membatalkan dialog. Bila dialog memiliki beberapa tab, daftar tab dapat diperoleh baik dengan Alt + F10 atau dengan tab, setelah urutan tab dialog. Dengan daftar tab terfokus, pindahkan ke tab berikutnya dan sebelumnya dengan panah kanan dan kiri, masing-masing.
Perintah editor umum Lihat Keterangan. Kotak Daftar Editor: di dalam kotak Daftar, pindahkan ke item daftar berikutnya dengan tab atau panah bawah. Pindah ke item daftar sebelumnya dengan Shift + tab atau panah atas. Tekan Enter atau Spasi untuk memilih pilihan daftar. Tekan ESC untuk menutup kotak daftar.
Perintah dasar Ctrl+Z Perintah urungkan.
Perintah dasar Shift+Ctrl+Z Perintah lakukan lagi.
Perintah dasar Ctrl+B Perintah tebal.
Perintah dasar Ctrl+I Perintah miring.
Perintah dasar Ctrl+U Perintah garis bawah.
Perintah dasar Alt+0 bantuan Aksesibilitas.
Perintah dasar Esc Operasi batalkan.

Pengalaman offline

Kontrol editor teks kaya tersedia saat bekerja offline dengan konfigurasi dasar. Berikut ini adalah daftar plugin dan opsi pemformatan yang didukung saat bekerja offline. Semua konfigurasi yang ditambahkan melalui file sumber daya web tidak tersedia saat offline.

Plugin tersedia untuk offline

Plugin berikut tersedia untuk editor teks kaya saat offline.

ajax,autogrow,basicstyles,bidi,blockquote,button,confighelper,contextmenu,dialog,dialogui,editorplaceholder,enterkey,entities,fakeobjects,floatingspace,floatpanel,format,horizontalrule,htmlwriter,indent,indentblock,indentlist,justify,lineutils,list,listblock,maximize,menu,menubutton,notification,notificationaggregator,panel,panelbutton,popup,preview,removeformat,resize,richcombo,selectall,showborders,sourcearea,specialchar,stylescombo,tab,textmatch,textwatcher,toolbar,undo,widgetselection,wysiwygarea,xml

Opsi pemformatan untuk offline

Tabel berikut ini menjelaskan berbagai fitur pemformatan dan opsi fungsionalitas yang tersedia di editor teks kaya saat offline.

Icon Nama Tombol pintasan Deskripsi
Tebal. Bold Ctrl+B Buat teks tebal.
Miring. Italic Ctrl+I Miringkan teks Anda.
Garis bawah. Garis Bawah Ctrl+U Menggarisbawahi teks Anda.
Butir. Butir Membuat daftar butir.
Penomoran. Penomoran Buat daftar bernomor.
Indentasi Turun. Kurangi Indentasi Pindahkan paragraf lebih dekat ke margin.
Indentasi Naik. Tambah Indentasi Pindahkan paragraf lebih jauh dari margin.
Kutipan dengan Blok. Kutipan dengan Blok Terapkan format kuotasi tingkat blok di konten Anda.
Rata Kiri. Rata Kiri Ctrl+L Sejajarkan konten Anda dengan margin kiri. (Biasa digunakan untuk badan teks agar lebih mudah dibaca.)
Rata Tengah. Rata Tengah Ctrl+E Tengahkan konten di halaman. (Biasa digunakan untuk penampilan formal.)
Rata Kanan. Rata Kanan Ctrl+R Sejajarkan konten Anda dengan margin kanan. (Biasa digunakan untuk penampilan formal.)
Coret. Coretan Silang teks dengan menggambar garis melewatinya.
Kiri ke Kanan. Kiri ke Kanan Ubah teks ke kiri-ke-kanan untuk konten seperti paragraf, header, tabel, atau daftar. Umum digunakan untuk konten bahasa dua arah. Ini adalah pengaturan default.
Kanan ke Kiri. Kanan ke Kiri Ubah teks ke kanan ke kiri untuk konten seperti paragraf, header, tabel, atau daftar. Umum digunakan untuk konten bahasa dua arah. Pengaturan default adalah kiri-ke-kanan.
Mengurungkan pengetikan. Mengurungkan pengetikan Urungkan perubahan yang telah dibuat ke konten.
Lakukan lagi pengetikan. Lakukan lagi pengetikan Lakukan lagi perubahan yang telah dibuat ke konten.
Hapus Semua Format. Hapus Semua Format Hapus semua format dari pilihan teks, hanya menyisakan teks yang normal dan tidak diformat.

Tanya jawab

T: Mengapa karakter yang diketik lambat ditampilkan?

A. Ukuran konten yang besar dapat menyebabkan latensi. Informasi selengkapnya: Praktik terbaik untuk menggunakan editor teks kaya. Pemeriksaan ejaan atau tata bahasa juga dapat memperlambat kinerja pengetikan.

Masalah umum

  • Markup HTML ditampilkan untuk kolom yang dikonfigurasi untuk menggunakan kontrol editor teks kaya yang ditampilkan dalam komponen selain kolom pada formulir yang tidak memiliki format yang diatur ke RichText. Misalnya, hal ini terjadi di tampilan, subkisi, laporan yang dipaginasi, dan portal.

Markup HTML yang ditampilkan di kolom pada subkisi. Untuk mengatasi masalah ini, lihat Konfigurasi sederhana untuk langkah-langkah yang diperlukan untuk mengatur opsi Format ke teks Kaya.

Lihat juga

Membuat dan mengedit kolom untuk Microsoft Dataverse menggunakan portal Power Apps

Catatan

Apa bahasa dokumentasi yang Anda inginkan? Lakukan survei singkat. (perlu diketahui bahwa survei ini dalam bahasa Inggris)

Survei akan berlangsung kurang lebih selama tujuh menit. Tidak ada data pribadi yang dikumpulkan (pernyataan privasi).