How to add multiple spaces within the RTE content?

Problem

RTE value set from code behind with multiple spaces are not visibly shown in browser.

Reason

Within the HTML, we cannot change the output by adding extra spaces in HTML code. Since the browser will remove extra spaces when the page is displayed and any number of spaces will count as only one space. Refer this link for in detailed description.

Solution

On setting RTE value from code behind, which has multiple spaces can be handled in two ways.

1. Set the string value with multiple spaces in code behind and replace the white-spaces with   in client side create event. Refer the following code block,

2. Set the string value with multiple spaces in code behind and using CSS style white-space to preserve the spaces. In the client side create event, get the iframe document body in RTE and set the CSS white-space with any of the following values based on your requirement to sustain spacing in between RTE content

Figure 1: RTE Value set with multiple spaces