게시글 안에서 다양한 컨텐츠 구현(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년 전
벤지님 친절히 설명해주심과 깔끔한 알고리즘에 감사드립니다. ^^
말씀대로 기존 에디터에서 구현을 하는 것보다 위 레퍼런스처럼 작업함에 있어서
벤지님의 방식으로 텍스트어레이에 명령문을 인식하게 하는 방식이 훨씬 깔끔할 것 같네요!
정말 감사드립니다 :)
말씀대로 기존 에디터에서 구현을 하는 것보다 위 레퍼런스처럼 작업함에 있어서
벤지님의 방식으로 텍스트어레이에 명령문을 인식하게 하는 방식이 훨씬 깔끔할 것 같네요!
정말 감사드립니다 :)
게시글 목록
| 번호 | 제목 |
|---|---|
| 5722 | |
| 31534 | |
| 5717 | |
| 19190 |
JavaScript
레이어팝업 스크립트 문의
1
|
| 19181 |
기타
vi로 URL 열기
8
|
| 19177 |
JavaScript
1원짜리팁 현재 사이트 쿠키 알아내기
3
|
| 19173 |
JavaScript
1원짜리팁 자바스크립트로 좌우 공백 제거구현하기
3
|
| 19171 | |
| 27353 | |
| 19169 | |
| 24530 | |
| 27350 | |
| 19161 | |
| 19159 | |
| 19156 | |
| 19154 |
PHP
캐쉬 삭제
1
|
| 19152 | |
| 19150 |
PHP
절댓값 리턴 함수
1
|
| 19147 |
JavaScript
자동 스크롤바 사용하기
2
|
| 19145 |
JavaScript
일주기 시간대별로 플래시무비 자동 교체시키기
1
|
| 19143 |
JavaScript
TEXTATEA 창늘리기~
1
|
| 19141 | |
| 30830 | |
| 19135 |
jQuery
상단 가운데 정렬 , 스크롤시 상단에 고정...
5
|
| 19129 | |
| 19124 |
jQuery
제이쿼리 효과2입니다.
4
|
| 19118 |
jQuery
제이쿼리 fadein 효과
5
|
| 19115 | |
| 19111 |
JavaScript
페이스북 댓글창, 좋아요 달기
3
|
| 19108 |
PHP
IP중간 * 표시 하기
2
|
| 19104 |
JavaScript
글자 깜박임 blink 익스에서 구현
3
|
| 19101 | |
| 19098 | |
| 19094 |
JavaScript
select선택에따른추가select동적으로보여주기
3
|
| 27342 | |
| 19093 | |
| 26548 | |
| 19090 | |
| 19088 |
JavaScript
두 종류의 메뉴셋 사용시 메뉴선택 표시 문제
1
|
| 19086 | |
| 24524 | |
| 31526 | |
| 26539 | |
| 32021 | |
| 32015 | |
| 5705 | |
| 26533 |
견적서
견적서의뢰 ....
5
|
| 24510 | |
| 26524 | |
| 24507 | |
| 24506 | |
| 19082 | |
| 24498 | |
| 5702 | |
| 27337 | |
| 32011 | |
| 19080 | |
| 19075 | |
| 19073 | |
| 19072 |
JavaScript
도와주세요~
|
| 27330 | |
| 27328 | |
| 32010 | |
| 32005 | |
| 32001 | |
| 19071 |
JavaScript
자바스크립트 입문자인데..이미지 변경 스크립트..좀 도와주세여
|
| 19063 |
jQuery
list sort에 좋은것
7
|
| 31998 | |
| 31994 | |
| 5676 | |
| 27327 | |
| 31989 | |
| 5671 | |
| 5666 | |
| 19056 |
jQuery
참 좋은 이미지 슬라이딩 라이브러리
6
|
| 31988 | |
| 31987 | |
| 31981 | |
| 26515 |
계약서
홈페이지 제작 계약서
8
|
| 30823 | |
| 19050 |
Mobile
모바일로 접속했는지 확인하기.,
5
|
| 19047 | |
| 19039 |
MySQL
트리거 사용법에 관하여..
7
|
| 31969 | |
| 5649 | |
| 27323 | |
| 31963 | |
| 19027 | |
| 19020 | |
| 19017 | |
| 19014 | |
| 19009 |
PHP
페이스 댓글, 좋아요 달기
4
|
| 19005 |
JavaScript
페이스북 댓글창 좋아요 달기
3
|
| 31949 | |
| 18998 |
PHP
문자열 자르기 입니다.
6
|
| 18994 |
PHP
정규식에 관한 내용입니다.
3
|
| 18988 |
PHP
우분투서버 셋팅버입니다
5
|
| 18982 |
PHP
js, php 배열 연결
5
|
| 31941 | |
| 31934 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기