弹出窗口的TinyMCE焦点问题

时间:2018-05-04 13:53:08

标签: tinymce sapui5

我正在使用TinyMCE文本编辑器,我想通过单击工具栏按钮上传图像。但是当弹出窗口打开时..:

  • 我无法选择输入元素。
  • 我无法在输入字段中输入任何图片网址。

你可以access my code from this link。请看下面的截图。

RichTextEditor Screenshot Image

在这种情况下我该怎么做?

1 个答案:

答案 0 :(得分:0)

我已使用以下代码解决了我的问题。我希望它可以帮助那些坚持这类问题的人

openAddCommentDialog: function(oEvent,args) {
      var _this = this;
      if(sap.ui.getCore().byId("codeEditorContainer")){
        sap.ui.getCore().byId("codeEditorContainer").removeAllItems();
      }
      var commentEditor = new RTE({
        editorType: sap.ui.richtexteditor.EditorType.TinyMCE4,
        width:'100%',
        height:'100%',
        customToolbar: false,
        showGroupFont: true,
        showGroupLink: true,
        showGroupInsert: true,
        beforeEditorInit:function(oEvent){
          var config = oEvent.getParameter("configuration");
          config["setup"] = function(editor){
            editor.on('init', function(){
                if(args && args.commentMessage){
                  editor.setContent(args.commentMessage);
                  oModel.setProperty("/TicketItemModel/CommentTitle",args.commentTitle);
                }
                else{
                  if(args && args.commentTitle){
                    oModel.setProperty("/TicketItemModel/CommentTitle",args.commentTitle);
                    editor.setContent(args.commentMessage);
                  }
                  else{
                    oModel.setProperty("/TicketItemModel/CommentTitle","");
                    editor.setContent("");
                  }
                }
              })
          }
        }
      });
      if (!this._oDialogAddCommentWindow) {
        this._oDialogAddCommentWindow = sap.ui.xmlfragment("BnetPortal.Application.ToDo.fragments.addComment",this);
      }
      sap.ui.getCore().byId("codeEditorContainer").addItem(commentEditor);
      this._oDialogAddCommentWindow.open();
    },