4

したがって、ユーザーが編集ボタンを押すと、次のように tinyMCE エディターが呼び出されます。

   function edit () {

     tinyMCE.execCommand('mceAddControl',false, selectedEditBox.attr('id') );
     tinyMCE.execCommand('mceFocus',false, selectedEditBox.attr('id') );

  }

以下は、tinyMCE の初期化コードです。

   tinyMCE.init({

editor_selector : "mceSimple",
mode : "none",
theme : "advanced",
theme_advanced_buttons1 : "closeButton,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink,pastetext,selectall",
plugins : "autoresize, paste",
paste_preprocess : function(pl, o) {
    console.log(o.content);
},
paste_postprocess : function(pl, o) {
    console.log(o.node.innerHTML);
},
theme_advanced_resizing : true,                
setup : function(ed) {
    // Add a custom button
    ed.addButton('closeButton', {
        title : 'Close',
        image : '/images/editComplete.png',
        onclick : function() {
            hideEditor ( ed);
        }
      });
   }


 });                        

したがって、これは正常に機能し、選択した要素にボックスが追加されます。問題は、これを行うとページがジャンプすることです。最初のセクションを変更すると、ページがページの下部にジャンプしますが、作成した他のすべてのエディターでは、ボックスがページの上部にジャンプします。何が原因か、またはそれを修正する方法を知っている人はいますか?

どんな答えでも大歓迎です。

4

0 に答える 0