Rich Text Editor: Configuration

In this topic, you can find general information about configuration of the rich text editor control as well as about layout adjustments.

Configuration

To configure a rich text editor, you can use the qp-rich-text-editor tag, as shown in the following code. The configuration parameters for the control are defined in the IRichTextEditorConfig interface.

<qp-rich-text-editor id="edBody"
  state.bind="EstimateRecordSelected.Body"
  class="stretch">
</qp-rich-text-editor>

You can also use the field or qp-field tag with the control type specified instead of the qp-rich-text-editor tag.

Vertical Scroll in a Complex Layout

We do not recommend that you have three vertical scroll lines on a form, such as for a combination of a summary area, grid, and rich text editor.

To avoid three vertical scroll lines, you do the following adjustments to the grid and rich text editor controls:

  1. Set the expandToContent property to true for the rich text editor control.
  2. Do not use resize in the grid.
  3. For the grid, specify autoGrowInHeight equal to Fit.
  4. For the grid, specify PageSize equal to 10.

As a result, the form will include one scroll for the whole form. The grid will grow in height until it has 10 lines. If it has more than 10 lines, it will have pages.