如何从UI5的RTF编辑器中检索数据并在控制器中使用它?

时间:2019-03-14 20:41:18

标签: sapui5

我想知道是否可以在UI5的富文本编辑器中键入文本,然后在控制器中获取该文本。我通过这样的控制器来包含我的RTF编辑器

oEditor: {
            oRichTextEditor: new RichTextEditor("myRTE", {
                editorType: sap.ui.richtexteditor.EditorType.TinyMCE4,
                width: "100%",
                height: "600px",
                customToolbar: true,
                showGroupFont: true,
                showGroupLink: true,
                showGroupInsert: true,
                value: "",
                ready: function () {
                    this.addButtonGroup("styleselect").addButtonGroup("table");
                }
            })
        },

,然后使用this.getView().byId("editor").addContent(this.oEditor.oRichTextEditor);

将其添加到视图中

我要添加到的视图是

<l:VerticalLayout id="editor" class="sapUiContentPadding" width="100%"></l:VerticalLayout>

1 个答案:

答案 0 :(得分:0)

是的,您可以获取富文本编辑器内容并将其设置为例如textArea,以供您参考,富文本编辑器的内容包含HTML编辑器标签。

 GetContent : function() {
                    // get the rich text control by id 
                    var richText = this.getView().byId("solTextArea");
                    //textarea to set the content you get from the richtext
                    var textArea = this.getView().byId("textArea");
                    textArea.setValue(richText.getValue());
                }