우선 이렇게 좋은 에디터를 공개해주신
다음께 감사드립니다.
공개해주신 소스를 가지고 asp에서 테스트 중인데요
일단 글쓰기 등은 잘 되네요
우선 제가 테스트에 적용하기위해 바꾼 부분을 공유하고자 합니다.
1. 저장 버튼을 눌렀을때 글 내용 검사
기존 소스를 보면
function validForm(editor) {
if($tx('tx_article_title').value == ""){
alert('제목을 입력하세요');
return false;
}
var content = editor.getContent();
if(!content || content.stripTags().trim() == "") {
alert('내용을 입력하세요');
return false;
}
//TODO
return true;
}
이함수가 있는데 validForm(editor) 를 호출하는 부분이 없어서
submit 버튼 눌렀을때 기존에 쓰는 함수에(Editor 대문자)
var content = Editor.getContent();
if(!content || content.stripTags().trim() == "" ||
content.stripTags().trim() == " ") {
alert('내용을 입력하세요');
errTag = 1;
}
이부분을 추가했습니다.
content.stripTags().trim() 만 해도 가 남아있네요
2. 글 내용 request 받기
실제로 글 내용이 써지는 canvas에 id값을 몰라서
submit 하기전에 hidden 으로 만들어 놓은 input 태그에다가
값을 넣어주고 저장페이지에서 받았습니다.
document.getElementById("contents").value = content;
저장페이지
rContents = request("contents")
저장페이지에서 받으 실때는 html태그 변환하는 함수가 필요하실꺼고요
3. daumeditor 소스 위치
저는 다운받는 소스를 /common/daumeditor/에 위치 시켰고
실제 게시판 소스 사용 위치는 대략
/service/membership/board.asp 에서 사용했습니다.
경로는 아래 txPath 부분에 지정하니 잘되네요
다만 html상에 image 소스 경로는 직접 바꿔주셔야 합니다.
<script type="text/javascript">
// <![CDATA[
new Editor({
txHost: '',
txPath: '/common/daumeditor/',
txVersion: '1.5.1',
txService: 'sample',
txProject: 'sample',
initializedId: "", //이부분이 id가 아닐까 생각되는데 바꿔도 안되네요
wrapper: "tx_trex_container"+"",
form: 'frm'+"", //frm명은 우리가 쓰는 걸로 변경
canvas: {
styles: {
color: "#cccccc",
fontFamily: "굴림",
fontSize: "10pt",
backgroundColor: "#fff",
lineHeight: "1.5",
padding: "8px"
}
},
sidebar: {
attacher: {
image: {
},
file: {
}
}
},
size: {
contentWidth: 680
}
});
// ]]>
</script>
4. 글 수정하기
튜토리얼에 잘 나와있지만 오타가 하나 있었네요
아래 내용중 끝에 쉼표를 넣어줘야 합니다.
Editor.modify({
inputmode: 'original', //original, text
content:document.getElementById("contents").value, //여기 쉼표요
attachments: [
{attacher: 'image',
data: {
thumburl: "https://t1.daumcdn.net/cfile/blog/0126A20248BFAFF72D",
imageurl: "https://t1.daumcdn.net/cfile/blog/0126A20248BFAFF72D",
originalurl:
"https://t1.daumcdn.net/cfile/blog/0126A20248BFAFF72D",
exifurl: "https://t1.daumcdn.net/cfile/blog/0126A20248BFAFF72D",
attachurl: "https://t1.daumcdn.net/cfile/blog/0126A20248BFAFF72D",
filename: "Tree.jpg",
filesize: "155833"
}
},
{attacher: 'map',
data: {
mapkey: "emap_720010"
}
}]
});
대략 이정도만 바꾸고 사용하니 잘됩니다!
저같이 asp를 여전히 사용하는 초보분께 도움이 됐으면 하고요
몇가지 질문사항이 있습니다.
1. 자동저장기능과 사진,파일 업로드 기능은 추후에 추가 하신다고 했는데
언제쯤 일정이 잡혀 있는지 궁금합니다.
사진 편집툴 하고 자동저장은 정말 좋은기능인거 같아요!!
2. 자동저장 기능은 어떤식으로 작동한지 궁금하네요
제가 생각했을때는 ajax로 디비에 저장하는 것인지 아니면
다른 방식으로 하는지 궁금합니다.
감사합니다.
증상을 상세히 기입해주세요.
필요에 따라 증상이 재현되기 위한 순서대로
입력해주세요.
사용한 소스 버전이나 브라우저 사양을 추가해 주시고
경우에 따라 화면을 캡쳐하여 첨부하시면
보다 정확한 리포팅이 가능합니다.
1.
2.
3.
|