YUI와 Grails와 WYSIWYG 위키 편집기를 작성»야후 사용자 인터페이스 블로그 (YUIBlog)

YUI와 Grails와 WYSIWYG 위키 편집기를 작성

2008년 5월 1일 오후 3시 18분에서 에릭 Miraglia으로 |에 개발 | 코멘트 끄기

HTML에서 순전히 특이한 마크업 스타일 위키 스타일의 텍스트에 이르기까지 - 서식있는 텍스트 편집기를 생성하고 배포에 직면한 도전 과제 중 하나는 출력 측에 지원해야 할 수도 있습니다 마크업 형식의 번호입니다. DAV는 열심히 일한 YUI 서식있는 텍스트 편집기 최대한 간단 출력 변환을 할 수 있습니다. (당신은 YUI RTE의 일을하고 있으며 구성 요소에 DAV의 비디오 소개를 본 적이 없다면, 당신은 여기에서 확인할 수 있습니다 .)

캔버라에서 글렌 스미스는 오늘 일부 antipodean YUI의 선하심을 공유 위키 텍스트를 편집 YUI RTE를 사용하는 방법에 대한 간략한 자습서 . 그는 사용한 Grails YUI 플러그인을 약간의 혼합, 섬유 - J , 그는 뭔가가 버전 1에 미흡한 점이 일하고 있어요 :

이 작품은 꽤 straighforward는 만드는 제조법으로 밝혀졌 :
위키 마크업에서 HTML로 전환할 때, 사용하는 백엔드 Grails 컨트롤러에 아약스 전화를 섬유 - J를 섬유 마크업에서 HTML로 변환합니다. YUI 서식 편집기 AJAX 호출의 결과를 피드 당신은 사업에있어.
리치에서 섬유로 전환을 지원하기 위해, 다시 Grails 컨트롤러에 아약스 호출을 할 전환 않습니다. 이번에는 당신이 regexp와 토지에 스스로 해내야한다, 그러나 당신은 당신이 서식 편집기의 노출 무엇으로해야 해 작업의 양을 잘라하실 수 있습니다. 결과를 반환하고 위키 텍스트 영역에 주입.
편집기에서 기본 HTML을 얻기 위해서 단지 사용 myEditor.getEditorHTML() . 신난다!