CKEditorインラインウィジェットを単独で行に配置するときにカーソルを配置する方法

Question

インラインウィジェットを使用してCKEditorをリロードしたときに、ウィジェットと同じ行でエディタをクリックすると、カーソルが行末。

この問題は、インラインウィジェットが他のコンテンツなしの行に配置されている場合に発生します。私はhtmlの構造を変更し、スタイルを追加し、親スパンに余分なスペースを追加しようとしました。これまでに何も働いていません。

あなたはここに、この問題を見ることができます：ウィジェットのhttps://ckeditorexample.herokuapp.com

ウィジェットSDK http://docs.ckeditor.com/#!/guide/widget_sdk_intro

ソースコード：

CKEDITOR.plugins.add('mywidget', { 
    requires: 'widget', 
    icons: 'mywidget', 
    init: function (editor) { 
     editor.widgets.add('mywidget', { 
      button: 'Create a simple box', 
      // draggable:true, 
      inline: true, 
      template: '<span class="mywidget">' + 
      '<span class="mywidget-content" >....</span>' + 
      '</span>', 
      allowedContent: { 
       'span': { 
        // propertiesOnly: true, 
        classes: '*' 
       } 
      }, 
      requiredContent: 'span(mywidget)', 
      init: function() { 

      }, 
      upcast: function (element) { 
       return element.name == 'span' && element.hasClass('mywidget'); 
      }, 
      data: function() { 
       if (this.data.name) { 
        $(this.element.$).find('.mywidget-content').html(this.data.name); 
       } 
      } 
     }) 
    } 
}) 

Answer 1

をカーソルがの終わりに送られているかのようにそれが表示されます<p>...</p>を含む。

私の特別な場合（別の努力によって）、デフォルトのenterModeを変更する必要がありました。

enterMode：：私はENTER_BRにデフォルトENTER_P値を変更し、私の形でシングルスペースのテキストを可能にするため、AはもはやありませんでしたようCKEDITOR.ENTER_BR

を、私はこれをした後、問題は、離れを行ってきましたカーソルの最後にカーソルを移動する段落。私はそれを取るだろう... ;-)