suneditor: se-rtl not set in document created by suneditor

@JiHong88 hi

The se-rtl class is set in the editor and works well. But there is no editor output in the content. And prevents rtl from being applied to the content display.

This image shows that the se-rtl class is applied correctly in the editor :

But the image below, which is related to the display of content, clearly shows that the se-rtl class is not set at all.

As a result, the text is displayed correctly in the editor and is from right to left. But the screen is not right and from left to right.

About this issue

Original URL
State: closed
Created 2 years ago
Comments: 40 (13 by maintainers)

Commits related to this issue

update: #921 getFullContents — committed to JiHong88/suneditor by JiHong88 2 years ago

Most upvoted comments

The 2.43.0 version has been updated. If this issue has not been resolved, please reopen this issue. Thank you.

JiHong88 on Apr 25, 2022

@JiHong88 I am in this few months. Thank you if solve this.

Thank you very much for your follow up. Be sure when you submit documentation for programmers, I will help you in development and debug.

Saeeed-B on Feb 16, 2022

Before the “2.42.1” version update, you can use it like this:

function save() {
 const contents = `<div class="sun-editor-editable ${editorInstance.options.rtl ? "se-rtl" : ""}">${editorInstance.core.getContents()}</div>`;
 console.log(contents);
}

JiHong88 on Feb 16, 2022

Currently: getContents() => <p>...</p><p>...</p>

what you want: getContents() => <div class="sun-editor-editable se-rtl"><p>...</p><p>...</p></div>

do you mean this?

JiHong88 on Feb 16, 2022

simple example

<div class=`sun-editor-editable ${options.rtl ? "se-rtl" : ""}`>
 {getContents()}
</div>

JiHong88 on Feb 16, 2022

@Saeeed-B I don’t know exactly what you want. “se-rtl” sets the document orientation of the current editor. Do you want to make two versions of the output document “rtl” and “ltr”?

JiHong88 on Feb 16, 2022

@Saeeed-B Do you want to get content with “rtl” option like below?

<div class="se-rtl">
  <p>....</p>
</div>

JiHong88 on Feb 16, 2022