tinymce 성능 - 여러 번 CSS를로드 중

Question

로드하는 데 많은 시간이 걸리는 많은 수의 tinymce가 활성화 된 텍스트 영역이있는 페이지가 있습니다. 그것은 분명히 텍스트 영역 당 한 번 같은 CSS 파일 (content.min.css)을 요청하고 있습니다.

그래서 TinyMCE에 지역의 큰 숫자가있는 페이지를 빠르게하는 방법은 무엇입니까?

각 편집기를 독립적 인 기능으로 설정하기 때문에 각각을 개별적으로 초기화하고 있습니다.

tinymce.init({ theme: 'modern', plugins: 'link lists code textcolor', toolbar1: 'undo redo ...', menubar: false, forced_root_block: false, selector:'textarea[unique_id=' + unique_id + ']', setup : function(ed) { var change_func = function(e) { input.val(ed.getContent()); debounce_func(); } ed.on('keyup', change_func); ed.on('change', change_func); } });

감사합니다!

편집 : 더 나은 것 한 번에 모두 초기화하는 경우 이 궁금, 그래서 나는 tinymce.init 단일 호출로 모든 텍스트 영역을 초기화를 만든 있지만 표준 접근 방식을 사용하는 경우 그것은 어떤 개선을

Answer 1

을하지 않았다 TinyMCE를 로딩 할 때, 각각의 에디터가 각각의 브라우저 창과 (효과적으로) 별개의 iFrame에 있기 때문에 각 에디터마다 CSS를로드해야합니다. 그들은 iFrames에서 CSS를 공유 할 수 없습니다.

대신 인라인 모드를 사용하면 페이지에서 실제로 실행되는 편집기 인스턴스가 하나뿐이므로 CSS가 한 번로드됩니다.