편집 할 수없는 삽입 가능한 개체에 대한 WYSIWYG 편집기

Question

편집기의 인터페이스를 통해 편집 할 수없는 미리 준비된 콘텐츠를 삽입 할 수있는 js WYSIWYG 편집기를 찾고 있는데이 편집기의 링크 및 일부 사용자 지정 사용자 인터페이스를 통해이 개체를 삽입 할 수 있습니다. 사용자는 기본적으로 편집기로 처리하기에는 너무 복잡하고 페이지가 표시 될 때 최종 렌더링되는 콘텐츠에 개체를 추가 할 수 있어야합니다.

주위를 둘러 보았습니다. TinyMCE 플러그인이 두 개 발견되었습니다 (non-editable content 및 atomic sections). 둘 다 올바른 방향을 가리키고 있지만 나에게 너무 유망 해 보이지는 않습니다. 거기에 누군가가이 같은 일부 기능을 구현하는 경험이 있거나 내가 TinyMCE보다 아마도 더 적합한 편집기를 가리킬 수 있는지 알고 싶습니다.

Answer 1

YUI 서식있는 텍스트 편집기를 사용하여 비슷한 기능을 구현했습니다. 필자의 요구 사항을 고려할 때 iFrame 내부에서 편집 할 수없는 요소를 다루는 것은 번거로운 작업이었습니다. 내가 한 일은 결국 : 사용자가 툴바를 사용하여 사용자 정의 항목을 삽입 할 때마다 (내 경우에는 삽입 가능한 비디오가있는 사용자 정의 갤러리 등) 커서의 편집기 내용을 "분할"하고 편집자들 사이에 갤러리를 삽입하십시오. 그것은 관리하고 모든 개체를 렌더링하는 데 약간의 작업이 필요

와 그것의 단점이 있었다 : 당신이 실제 편집자와 갤러리와 끝까지. 그러나 적절한 CSS와 일부 JS를 사용하면 모양이 편집기의 일부처럼 보이게 할 수 있습니다.

Answer 2

나는 Tinymce에 충실해야한다고 생각합니다. 실제로 브라우저의 모든 실시간 편집기는 iframe을 사용합니다.이 경우 iframe은 스타일 문제 때문에 삽입됩니다. 그래서 다른 에디터를 사용하면 설명 된 iframe 문제 MK_Dev가 해결되지 않습니다.