으어어어어어!!!!!!!!!
아아아아아아아악!!!!!!!!
이번에 멀티콘을 수정하면서 가장 중점을 둔 것이 바로 멀티콘 구분 아이콘을 스타일 태그가 아니라 css class로 사용하는 것 이였습니다.
나름 이곳 저곳 파본 결과 ck에디터에서 addClass(맞나?)를 통해 직접 추가해줄 수 있더군요.
삽입 시점을 잡을 수 없어서.. 그냥 애드온으로 before_display_content에서 output을 var ckeApp 을 기준으로 찾아서
직접 추가해줬습니다.
근데 str_replace나 preg_replace등은.. var ckeApp 으로 입력하면 에러 ..! 아마 var 때문이 아닐까... 추정하고 있지만,,
하는 수 없이 ereg_replace를 사용..! 근데 이건 5.3부터 지원하지 않을 예정이라고 의존하지 말라는 경고가..!
일단 5.6.9인 제 환경에서는 작동하니.. 일단 이걸로 냅둠.....
아무튼 이번에 크게 고민한 것인데,
아무래도 유튜브 썸네일에 직접 이미지를 삽입하고 썸네일 채로 첨부파일로 저장하는 것이 낫지 않을까... 라고 생각하고 있습니다.
사실 글쓰기 화면이라 그렇게 중요하지 않은 거지만, 그래도 나름 구분을 해주고 싶은 욕심에 스타일 border-image를 활용했었는데,
이것도 뭐랄까 에디터 특성과 브라우저에 따라 달라지니, 결국 한계가 보이더라구요...
그 외적으로는...
컴포넌트 아이콘이 변경되었습니다. 좀더 직관적인 유튜브 아이콘으로 변경하였습니다.
이제 동영상 주소를 삽입하면 컴포넌트 창에 바로 썸네일이 표시됩니다. (기존에는 수정시에만 표시)
유튜브의 경우 고화질 썸네일 순으로 추출합니다.
그외 정규식등 코드를 개선하였습니다.