게시글 안에서 다양한 컨텐츠 구현(jquery 포함) 문제
안녕하세요!
http://grafikplastic.com/blog/whats-up
위 페이지의 포스트처럼 한 포스트 내에 다양한 컨텐츠를 구현하려 용을쓰고있는 나그네입니다...
cheditor , geditor, smarteditor 등등.. 기존에 개발해놓으신 에디터로는 구현이 안되는 부분이라 문의드립니다.
<컨텐츠 에디터 컴포넌트>
텍스트, 링크, 사진
embed 식의 동영상 (유투브, 비메오..)
-------- 여기까지는 기존 에디터 및 기존 cms로 가능한 부분입니다만
아래 사진
위 빨간 테두리로 표시된 부분의 구현에 혼란이 왔습니다. (jquery를 사용한 슬라이드 구현)
아싸리 멀티이미지 섹션을 bbs의 write 부분에 사용하실때만 표출가능하도록 하면 좋을텐데..(그러면 최하단이나 부분을 설정가능할텐데)
위 첨부 사진처럼 에디터 상에서 텍스트 중간에 의도된 부분(!!)에 끼워넣어야하는 부분에서 막히네요...
관리자가 매번 저런 포스트를 쓸때마다 html 에디팅을 하면 좋으련만 이를 에디터상에서 구현하려니.. 머리에 쥐가..
조언 요청드립니다........ㅠ_ㅠ
댓글 2개
11년 전
"각 특성별 내용은 분리하자." 이런 생각으로 출발하다보니
textarea 에 상품 사진을 넣었를 경우 유지보수때 더욱 힘들어질것 같아
저는 2가지 방법으로 했었습니다.
1) textarea 안에 ***상품*** 으로 적으시고, 아래에 상품 사진 첨부해서 올리시면
서버에 replace 로 대치...
그 다음 view 에서 script 로 속성제어
2) textrea <---- 상단 설명
상품사진업로드
textrea <---- 하단 설명
그 다음 view 에서 script 로 속성제어
textarea 에 상품 사진을 넣었를 경우 유지보수때 더욱 힘들어질것 같아
저는 2가지 방법으로 했었습니다.
1) textarea 안에 ***상품*** 으로 적으시고, 아래에 상품 사진 첨부해서 올리시면
서버에 replace 로 대치...
그 다음 view 에서 script 로 속성제어
2) textrea <---- 상단 설명
상품사진업로드
textrea <---- 하단 설명
그 다음 view 에서 script 로 속성제어
11년 전
벤지님 친절히 설명해주심과 깔끔한 알고리즘에 감사드립니다. ^^
말씀대로 기존 에디터에서 구현을 하는 것보다 위 레퍼런스처럼 작업함에 있어서
벤지님의 방식으로 텍스트어레이에 명령문을 인식하게 하는 방식이 훨씬 깔끔할 것 같네요!
정말 감사드립니다 :)
말씀대로 기존 에디터에서 구현을 하는 것보다 위 레퍼런스처럼 작업함에 있어서
벤지님의 방식으로 텍스트어레이에 명령문을 인식하게 하는 방식이 훨씬 깔끔할 것 같네요!
정말 감사드립니다 :)
게시글 목록
| 번호 | 제목 |
|---|---|
| 6615 | |
| 6614 | |
| 6606 | |
| 19438 |
JavaScript
audio 음악이 끝났을때 이벤트를 넣을 수 있나요?
1
|
| 6604 | |
| 6592 | |
| 6588 | |
| 6586 | |
| 6583 | |
| 6577 | |
| 19437 |
JavaScript
캔버스 ( html5 ) 그림 그리기3
|
| 6576 | |
| 6575 | |
| 6574 | |
| 19435 | |
| 27715 | |
| 6571 | |
| 6570 | |
| 6562 | |
| 6559 | |
| 6553 | |
| 6552 | |
| 6551 | |
| 6548 | |
| 24572 | |
| 6545 | |
| 6544 | |
| 6543 | |
| 6541 | |
| 6539 | |
| 6527 | |
| 6526 | |
| 6524 | |
| 6519 | |
| 6516 | |
| 27701 | |
| 27699 | |
| 6515 | |
| 19434 |
JavaScript
캔버스 ( html5 ) 그림 그리기2
|
| 6514 | |
| 19433 |
JavaScript
캔버스 ( html5 ) 그림 그리기
|
| 6503 | |
| 19432 |
jQuery
파일 첨부시심플하게 버튼으로만 되게..
|
| 6500 | |
| 6497 | |
| 6496 | |
| 6491 | |
| 6485 | |
| 32041 | |
| 6483 | |
| 6479 | |
| 6478 | |
| 6475 | |
| 6473 | |
| 6467 | |
| 6465 | |
| 6462 | |
| 27697 | |
| 6454 | |
| 6451 | |
| 27695 | |
| 6446 | |
| 6440 | |
| 6437 | |
| 27688 | |
| 6433 | |
| 6430 | |
| 6427 | |
| 6426 | |
| 6422 | |
| 6421 | |
| 6418 | |
| 27686 | |
| 27678 | |
| 6414 | |
| 6410 | |
| 6404 | |
| 6400 | |
| 6398 | |
| 6389 | |
| 6384 | |
| 6383 | |
| 6378 | |
| 6370 | |
| 6363 | |
| 6348 | |
| 6338 | |
| 6329 | |
| 6328 | |
| 6316 | |
| 6309 | |
| 6299 | |
| 6296 | |
| 27674 | |
| 27671 | |
| 6293 | |
| 6282 | |
| 24570 | |
| 6277 | |
| 6264 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기