Xquared - Whiteship

Xquared

A collection of 4 posts

XQuared 사용하기 4

이번에는 XQuared API를 조금 살펴봤습니다. API 문서화를 매우 잘 해두었기 때문에, API만 보는 것으로도 많은 도움을 받을 수 있습니다. var xed; window.onload = function() { xed = new xq.Editor($(“xqEditor”)); xed.setEditMode(‘wysiwyg’); xed.loadStylesheet(“css/xq_contents.css”); xed.focus(); } 위의 코드가 XQuared 11월 8일 배포판에 포함되어 있던 코드 입니다.

XQuared 사용하기 3

이전에 발생했던 두 개의 문제를 Alan Kang님의 도움으로 말끔하게 해결했습니다. 1. FF에서 아이콘 부분이 이상하게 보이던 것. => ” toolbar의 ul 및 a 태그에 height:100%가 적용되어 있어서 그렇습니다. 이것만 제거해주시면 잘 나올거예요 ^^” css를 수정해야 할 것 같습니다. css에서 다음의 부분에서 height : 100%를 삭제했습니다. 자… 그리고 FF에서 확인했더니, 잘 보입니다.

이미지 경로 수정

XQuared 사용하기 2

나이스!!! 이전 글에서 감기 때문에 비실거리며 중단 했었던 XQuared 사용하기 [http://whiteship.tistory.com/1247]의 문제를 해결했습니다. 문제는 상당히 단순한 경로 문제였습니다. 아이콘의 이미지를 자바스크립트에서 참조하지 못해서 이상한 화면이 나왔었는데 이제는 깔끔하게 다음과 같이 편집기를 볼 수 있습니다. 이전 글을 작성하다가 예측한 부분이 제대로 맞았습니다. 자바스크립트에서 이미지의 기본 폴더를

자바스크립트에서 참조하는 이미지 경로 변경

XQuared 사용하기

오늘은 몸 상태가 안 좋아서 많이 살펴보진 못했습니다. 일단은 간단한 웹 애플리케이션에 XQuared를 붙여봤습니다. 버튼 이미지파일을 찾지 못해서 이런 화면을 보게 되었습니다. IE로 보면 조금 다른 화면으로 보입니다. 예제 코드 작성은 XQueared 소스 파일과 동봉되어 있는 예제 코드 중에서 form_and_textarea.html을 참조하였습니다. 해결해야할 문제는 js에서 참조하는 이미지 파일들의