비 직사각형 경계가있는 TinyMCE

Question

TinyMCE를 사용하여 WYSIWYG에서 페이지 본문의 인라인 편집을 지원하고 싶습니다. 까다로운 점은 내 페이지 본문이 반드시 직사각형이 아니거나 일반 텍스트 영역 모양 인 것입니다.

this one과 같은 뉴스 기사를 상상해보십시오. 전체 기사 본문을 TinyMCE의 인스턴스로 만들어 내 편집자가 리드 이미지와 "놓치지 마세요"섹션의 위아래로 래핑 할 수 있습니까?

즉 TinyMCE는 이미지, 탐색 등과 같은 기존 페이지 요소를 둘러 쌀 수 있도록 지원하기 위해 TinyMCE (또는 다른 편집기)를 사용합니다. TinyMCE는 실제로 서식을 지정하기 위해 텍스트 영역을 사용하지 않기 때문에 가능합니다. 권리? 당신이 흐르는 이미지의 크기를 알고있는 경우

Answer 1

, 당신은 주위의 콘텐츠 흐름의 할 TinyMCE를 편집기 안에 자리 을 만들 TinyMCE를 설정의 비트를 사용하고, 동시에 위의 이미지 를 마련 할 수 편집기 창.

등 :

tinyMCE.init({ 
    ... 
    oninit : function() { 
     /* create '<div style="float:left;width:100px;height:100px"/>' 
     and insert it in front of the actual TinyMCE data. 
     */ 
    }, 
    save_callback : function() { 
     /* remove the div created with oninit */ 
    } 
}); 

나서 편집기 영역 위에 유동 문서 이미지의 위치. 모든 사소한하지에

모든

, 그러나 어느 쪽도

건배 :-) 문제입니다