Froala 편집기 : 페이지 커서에 커서를 놓습니다.

Question

나는 이렇게 간단 할 것이라고 생각했지만 외관상으로는 아닙니다. 나는 Froala Editor의 유료 버전을 사용하고 있습니다. 그러나 편집기에서 페이지를로드 할 때 커서를 포커스해야하므로 사용자가 수동으로 클릭하지 않아도됩니다.

이것은 공식 문서의 코드이지만 작동하지 않습니다.

# HTML 
<textarea id="task_body" autofocus="true">...</textarea> 

# JavaScript 
editor = $("#task_body").froalaEditor({}); 
editor.froalaEditor("events.focus"); 

내가 원하는 것은 페이지가로드 될 때 Froala 편집기 필드에 커서를 놓는 것입니다. 나는 페이지가로드 된 후 포커스 이벤트를 호출하는 JS 솔루션에 만족할 것이다.

$('div#froala-editor') 
.on('froalaEditor.initialized', function (e, editor) { 
    editor.events.focus(true); 
}).froalaEditor({ 
    ......editor init settings... 
}) 

이는 froalaEditor.initialized 이벤트를 캡처 할 JQuery와 이벤트 메커니즘을 사용하고 사용자가 전달 된 에디터 오브젝트 것은 초점을 요구하기 위해 다음과 같이

Answer 1

는 수행 Froala 초기화()에 포커스를 설정하려면 .

을 :

, 여기에 내가 Froala 초기화()와 초점 호출 사이를 통과하는 시간을 시뮬레이션하기 위해 지연을 사용하는 예를 들어

$('selector').froalaEditor('events.focus', true). 

를 사용 Froala 초기화() 후 언제든지 의미 프로그래밍 방식으로 초점을 할당하려면 이 하다니

setTimeout(function(){ 
    $('#edit').froalaEditor('events.focus', true); 
     console.clear() 
     console.log('fired focus trigger!') 
    }, 2000) 

는이 통찰력을 제공하지 않습니다 현재 Froala API 문서의 요점없는, 알고 있으면 유용하고있는 구문을 암시하는 대신 보인다

$ ('# selector'). froalaEditor ('events.trigger', 'focus');

나는 작동하지 못했습니다. 아마도 Froala는 문서를 명확히하는 것을 고려해야합니다.

Froala의 Stefan 지원부에 도움을 청합니다.