TinyMCE - IE에서 커서 위치에 콘텐츠 삽입이 작동하지 않습니다.

Question

현재 커서 위치에 일부 콘텐츠를 삽입하려고하거나 TinyMCE 편집기 인스턴스에서 선택한 콘텐츠를 바꾸려고합니다. 나는 이것을 사용하고 있습니다 : content 내가 삽입 할 HTML의 캐릭터가

tinyMCEPopup.editor.selection.setContent(content);

.

Firefox, Opera 및 Chrome에서 잘 작동하지만 IE에서는 작동하지 않습니다. 대신 선택 항목이 아닌 편집기의 시작 부분에 내용을 삽입합니다. 나는 또한 시도했다 :

tinyMCEPopup.execCommand('mceInsertContent', false, content);

를 다시 같은 행동을 IE에서. 특수 문자를 삽입하는 TinyMCE 코드는 위의 함수를 사용하며 작동합니다! 아직

IE에서 작동하지 않는, 오페라도 (도구 모음에서 내 플러그인의 버튼이 표시되지 않습니다 : 나는

function insertChar(chr) { 
    tinyMCEPopup.execCommand('mceInsertContent', false, '&#' + chr + ';'); 

    // Refocus in window 
    if (tinyMCEPopup.isWindow) 
     window.focus(); 

    tinyMCEPopup.editor.focus(); 
    tinyMCEPopup.close(); 
} 

UPDATE ... 내 플러그인과 여전히 기쁨을 복제 시도했습니다 그것은 아마 별개의 문제 일지라도)! "개체가있는 방법이 없습니다 :

$('#my-editor-id').tinymce().execCommand('mceInsertContent', false, content);

에 오류가있어 : 나는 이제도이 사용의 jQuery 플러그인을 시도로드 편집자를 얻었으나, 그 위에 mceInsertContent 메소드를 호출하지 못했습니다했습니다 : 나는 어쩌면 그걸 팝업에서 불러 낼 수 없을거야?! ,

tinyMCEPopup.restoreSelection(); 

문제는 당신이 다른 편집기 외부의 단추 또는 링크 같은 것을 클릭하면 TinyMCE에 현재 커서 위치를 잃고 있다는 것입니다

tinyMCEPopup.execCommand('mceInsertContent', false, '&#' + chr + ';'); 

Answer 1

는 호출 시도 그것은 초점을 잃게 만듭니다.
문제를 해결하려면 단추 또는 링크의 mousedown 이벤트를 사용하십시오. 이렇게하면 포커스를 잃기 전에 삽입 작업을 수행 할 수 있습니다. 삽입하기 전에 편집기 및

editor.selection.moveToBookmark(); 

의 초점을 잃어버린 전에

editor.selection.getBookmark(); 

를 사용 - 유사한 시나리오에서 나를 위해 일한, 어떤 것을

는

$("#insert_link").mousedown(function (e) { 
    var editor = tinyMCE.get("editor"); 
    editor.execCommand('mceInsertContent', false, "Insert Value"); 
    e.preventDefault(); 
}); 

Answer 2

를 호출하기 전에 :

Answer 3

여기 해결책이 될 수 내용.

문제는 FF로 텍스트가 포함 된 텍스트 필드의 일부 지점에 커서를 놓은 다음 다른 곳을 클릭하고 뒤로 (즉, Tab을 치면) 캐럿이 이전 위치에 표시됩니다 초점을 잃었다. IE에서는 처음으로 돌아갑니다. 이게 도움이 되길 바란다.