|
2 | 2 | title: Use the rich text editor control in Power Apps | MicrosoftDocs
|
3 | 3 | description: "The rich text editor control provides the app user a WYSIWYG editing area for formatting text"
|
4 | 4 | ms.custom: ""
|
5 |
| -ms.date: 10/08/2020 |
| 5 | +ms.date: 12/18/2020 |
6 | 6 | ms.reviewer: "matp"
|
7 | 7 | ms.service: powerapps
|
8 | 8 | ms.suite: ""
|
@@ -219,12 +219,144 @@ The following sample sets several of the options in the rich text editor—s
|
219 | 219 | }
|
220 | 220 | ```
|
221 | 221 |
|
222 |
| -## Known issue |
| 222 | +## Create plain text surface that makes the strips html (except for <br /> tags) |
223 | 223 |
|
224 |
| -HTML markup is displayed for columns configured to use the rich text editor control that are displayed in components other than a column on a form. For example, this occurs in views, subgrids, paginated reports, and portals. |
| 224 | +`{ "defaultSupportedProps": { "enterMode": 2 , "shiftEnterMode": 2 , "allowedContent":"*", "disallowedContent":"*", "forcePasteAsPlainText": true , "toolbar":[], "removePlugins":"contextmenu,liststyle,openlink,tableresize,tableselection,tabletools" }, "disableImages": true}}` |
| 225 | + |
| 226 | +:::image type="content" source="media/rte-plain-text-surface.png" alt-text="Creating a plain text surface makes the strips html"::: |
| 227 | + |
| 228 | +## Remove the context menu so right-clicking will work with the default browser spell check |
| 229 | + |
| 230 | +Enabling this functionality removes the contextual right-click editing capability. |
| 231 | + |
| 232 | +`{ "defaultSupportedProps": { "removePlugins":"contextmenu,liststyle,openlink,tableresize,tableselection,tabletools" }}` |
| 233 | + |
| 234 | +:::image type="content" source="media/rte-right-click-config.png" alt-text="Remove the context menu so right-clicking will work with the default browser spell check"::: |
| 235 | + |
| 236 | +## Use the webresource for organization-wide changes |
| 237 | + |
| 238 | +The default RTE webresource is available with the display name RTEGlobalConfiguration.json. This configuration is used for all instances of the RTE control and can be used to make organization wide changes. This includes RTE used in timeline rich-text notes, knowledge management, and single and multi-line fields that are configured to use the RTE control. |
| 239 | + |
| 240 | +```json |
| 241 | +{ |
| 242 | + "defaultSupportedProps": { |
| 243 | + |
| 244 | + "autoGrow_onStartup": true, |
| 245 | + |
| 246 | + "basicEntities": true, |
| 247 | + |
| 248 | + "browserContextMenuOnCtrl": true, |
| 249 | + |
| 250 | + "copyFormatting_allowRules": true, |
| 251 | + |
| 252 | + "customConfig": "", |
| 253 | + |
| 254 | + "dialog_backgroundCoverColor": "black", |
| 255 | + |
| 256 | + "disableNativeSpellChecker": false, |
| 257 | + |
| 258 | + "enterMode": 3, |
| 259 | + |
| 260 | + "extraPlugins": "accessibilityhelp,autogrow,autolink,basicstyles,bidi,blockquote,button,collapser,colorbutton,colordialog,confighelper,contextmenu,copyformatting,dialog,find,floatpanel,font,indentblock,justify,panel,panelbutton,pastefromword,quicktable,selectall,stickystyles,superimage,tableresize,tableselection,tabletools", |
| 261 | + |
| 262 | + "fillEmptyBlocks": true, |
| 263 | + |
| 264 | + "font_defaultLabel": "Segoe UI", |
| 265 | + |
| 266 | + "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 Pゴシック/'MS PGothic', 'MS Pゴシック', 'MS Gothic', 'MS ゴシック', 'Hiragino Kaku Gothic ProN', sans-serif;MS P明朝/'MS PMincho', 'MS P明朝', 'MS Mincho', 'MS 明朝', 'Hiragino Mincho ProN', serif", |
| 267 | + |
| 268 | + "fontSize_defaultLabel": "9", |
| 269 | + |
| 270 | + "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;", |
| 271 | + |
| 272 | + "height": 185, |
| 273 | + |
| 274 | + "keystrokes": [], |
| 275 | + |
| 276 | + "qtCellBorderColor": "rgb(171, 171, 171)", |
| 277 | + |
| 278 | + "qtCellBorderStyle": "solid", |
| 279 | + |
| 280 | + "qtCellBorderWidth": "1px", |
| 281 | + |
| 282 | + "qtCellPadding": "1", |
| 283 | + |
| 284 | + "qtCellSpacing": "0", |
| 285 | + |
| 286 | + "qtCellWith": "120px", |
| 287 | + |
| 288 | + "qtColumns": 8, |
| 289 | + |
| 290 | + "qtRows": 6, |
| 291 | + |
| 292 | + "qtStyle": { |
| 293 | + |
| 294 | + "border-collapse": "collapse", |
| 295 | + |
| 296 | + "font-size": "9pt" |
| 297 | + |
| 298 | + }, |
| 299 | + |
| 300 | + "removeDialogTabs": "flash:Upload;link:upload", |
| 301 | + |
| 302 | + "removePlugins": "a11yhelp,codemirror,liststyle,magicline,scayt,showborders", |
| 303 | + |
| 304 | + "skin": "superowa", |
| 305 | + |
| 306 | + "stickyStyle": { |
| 307 | + |
| 308 | + "font-size": "9pt", |
| 309 | + |
| 310 | + "font-family": "'Segoe UI','Helvetica Neue',sans-serif" |
| 311 | + |
| 312 | + }, |
| 313 | + |
| 314 | + "stickyStyles_defaultTag": "div", |
| 315 | + |
| 316 | + "superimageImageMaxSize": 5, |
| 317 | + |
| 318 | + "toolbarcollapser_enableResizer": true, |
| 319 | + |
| 320 | + "toolbarLocation": "bottom", |
| 321 | + |
| 322 | + "uploadRecordId": [] |
| 323 | + |
| 324 | + }, |
| 325 | + |
| 326 | + "disableContentSanitization": false, |
| 327 | + |
| 328 | + "disableDefaultImageProcessing": false, |
| 329 | + |
| 330 | + "disableImages": false, |
| 331 | + |
| 332 | + "imageEntity": { |
| 333 | + |
| 334 | + "imageEntityName": "msdyn_richtextfiles", |
| 335 | + |
| 336 | + "imageFileAttributeName": "msdyn_imageblob" |
| 337 | + |
| 338 | + }, |
| 339 | + |
| 340 | + "showAsTabControl": false, |
| 341 | + |
| 342 | + "showFullScreenExpander": false, |
| 343 | + |
| 344 | + "showHtml": false, |
| 345 | + |
| 346 | + "showPreview": false, |
| 347 | + |
| 348 | + "showPreviewHeaderWarning": false} |
| 349 | +} |
| 350 | +``` |
| 351 | + |
| 352 | +## Known issues |
| 353 | + |
| 354 | +- HTML markup is displayed for columns configured to use the rich text editor control that are displayed in components other than a column on a form. For example, this occurs in views, subgrids, paginated reports, and portals. |
225 | 355 | > [!div class="mx-imgBorder"]
|
226 | 356 | > 
|
227 | 357 |
|
| 358 | +- Don't replace the email activity control with the rich text editor control because it impacts the way images need to be saved and converted. We are working to fully enable using RTE as a replacement for the email activity editor in a future release. |
| 359 | + |
228 | 360 | ### See also
|
229 | 361 |
|
230 | 362 | [Create and edit columns for Microsoft Dataverse using Power Apps portal](../common-data-service/create-edit-field-portal.md)
|
0 commit comments