2013-02-22 2 views
0

WYSIHTML5을 사용하여 텍스트 영역을 편집기로 변환합니다. 편집기는 아주 간단합니다. 그것은 굵게/밑줄/기울임 꼴 및 사용자 정의 varaibales 삽입과 같은 기본적인 기능을 제공합니다.WYSIHTML5 - 여러 인스턴스를 만들 때 매우 느립니다.

WYSIHTML5 인스턴스를 하나만로드하면 아무 문제가 없지만 목록에 5 또는 10과 같이 표시하면 전체 브라우저가 1 ~ 2 초 동결됩니다.

왜 그렇게 오래 걸리는지 알았습니다. 편집기를 시작하면 실제 편집기 인 iframe이 작성됩니다. 이 부분이 중단됩니다.

iframe 대신 div를로드 할 수 있습니까? WYSIHTML5의 개발팀이 iframe을 가져온 보안상의 이유가 있음을 알고 있지만 어쨌든 iframe은 매우 느립니다.

+0

ckeditor 같은 것을 사용하지 왜 -, 플러그인 구성하고 사용하고 큰 콘텐츠 관리 시스템의 대부분은 – Pete

+0

@Pete ckeditor이 목적을 위해 매우 무거운 아주 사용하기 쉬운 . WYSIHTML5는 가볍고 필요한 모든 옵션이 있지만 iframe 생성으로 인해 너무 느려집니다. – Aley

+0

아아, 작동하도록 WYSIHTML5를 가져올 수없는 경우 다른 옵션이었습니다. – Pete

답변

0

WYSIHTML5 입력 상자가 어떻게 생성되는지는 모르겠지만 대상 페이지에 필요한 모든 JS 및 CSS 파일을 포함하면 Ajax 또는 PHP를 사용하여 모든 콘텐츠를 검색 할 수없는 이유가 무엇입니까? 포함?

예.

<?php include("source/of/the/editor.html");?> 

또는

$.ajax({ 
    type:"GET", 
    url: "source/of/the/editor.html", 
    data: "", 
    success: function(data){ 
     $('.requiredDIVs').html(data); 
    } 
}); 
+0

그건 정확히 내가하는 일입니다. 문제는'새로운 wysihtml5.Editor (...)'를 적용 할 때 발생합니다. 그것은 브라우저를로드하는 모든 텍스트 영역에 대해 iframe을 만듭니다. – Aley

+0

hmm ok 플러그인의 소스 JS 파일을 보면 iFrame을 사용하는 것으로 보입니다. 대신 div를 대신 사용하도록 플러그인을 직접 편집 할 수도 있습니다 (그러나 이것은 시간이 많이 걸릴 것입니다). @Pete는'ckeditor '는 iFrame 대신 div를 사용하는 옵션을 가지고 있다고 제안 했으므로 그 값을 너무 작게 잘라서 너무 무거울 수는 없습니다. 죄송합니다 더 이상 도울 수 없다 – dev

+0

어쨌든 문제를 조사해 주셔서 감사합니다 :) – Aley