したがって、ユーザーが編集ボタンを押すと、次のように 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);
}
});
}
});
したがって、これは正常に機能し、選択した要素にボックスが追加されます。問題は、これを行うとページがジャンプすることです。最初のセクションを変更すると、ページがページの下部にジャンプしますが、作成した他のすべてのエディターでは、ボックスがページの上部にジャンプします。何が原因か、またはそれを修正する方法を知っている人はいますか?
どんな答えでも大歓迎です。