위지윅 에디터 만들때 선택영역 풀리는 문제
요즘 만들고 있는 프로그램에 쓰일 위지윅 에디터를 다시 손을 보고 있는데
글자 크기 폰트 조절등 레이어 팝업을 띄워
선택된 글의 크기나 폰트를 바꿀 때 ie에서 영역이 해제되는 문제로 3일째 인터넷이란 인터넷을 다 뒤졌는데
아직은 설익은 개발자라 그런지 영역 지정이 자꾸 풀리면서 해결이 안되더군요
결국 알아낸 것은 a 태그로 접근하면 영역이 해제 되지 않는다인데 이 방법도 직접 적용하니 나쁘지 않을 듯 싶어 공유합니다
보통은 div에 온마우스 다운이나 업 혹은 클릭으로 이벤트를 걸어서 씁니다 저도 그렇게 지정했구요
div안에는 폰트명이라던지 폰트크기를 그냥 나열해서 쓰실겁니다
아래와 같이요
<div onmouseup="폰트크기조절 이 담긴 팝업 펑크션();">
<div onclcik="폰트사이즈조절 펑션();"> 폰트크기1</div>
<div onclcik="폰트사이즈조절 펑션();"> 폰트크기2</div>
<div onclcik="폰트사이즈조절 펑션();"> 폰트크기3</div>
</div>
위와 같이 쓰인 것을
달리 생각해서 레이어 팝업은 온마우스 다운등으로 열고 객체 선택은
아래와 같이 일반적으로 링크를 겁니다
<div onmouseup="폰트크기조절 이 담긴 팝업 펑크션();">
<a class="fontLink" href="#" onclcik="폰트사이즈조절 펑션();return false;"> 폰트크기1</a>
<a class="fontLink" href="#" onclcik="폰트사이즈조절 펑션();return false;"> 폰트크기2</a>
<a class="fontLink" href="#" onclcik="폰트사이즈조절 펑션();return false;"> 폰트크기3</a>
</div>
위와 같이 한다음 a링크에 클라스를 걸어뒀으니 클라스로 a태그의 영역을 높이와 넓이를 맞게 지정을 해주면 됩니다
현재 sir와 네이버 등등 약 7~8개의 웹 에디터를 살펴 봤지만 영역이 일시적으로 해제 됩니다
선택된 다음 해당 셀렉션을 다시 지정해 유지해 주는 방식인데 그 방식 마저도 아직 해결되지 않은 상태에서
그나마 차선책이면서 보이는 부분에서는 깔끔함을 유지해 주기 때문에 괜챦을듯 싶습니다
댓글 4개
11년 전
저도 그거때매 검색좀 해봣는데 못찾아서 이래저래 하다가 img, a 태그에 onclick 으로 해보니 되더라구요.
div에는 왜 안되지;
div에는 왜 안되지;
HoneyMaro
11년 전
걍 .focus() 해주면 되지 않나요?
11년 전
포커스가 되면 어렵게 쓸 필요가 없는데 잘 안되더라구요 ^^;
HoneyMaro
11년 전
그렇네요... 저도 이번에 처음 해보고 있는데
구버전 IE에서 작동이 잘 안 되더군요 ㅠㅠ 크롬에서는 잘 되는데..ㅎㅎ
답변 감사합니다~!
구버전 IE에서 작동이 잘 안 되더군요 ㅠㅠ 크롬에서는 잘 되는데..ㅎㅎ
답변 감사합니다~!
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7730 | 10년 전 | 1312 | ||
| 7729 | 10년 전 | 1156 | ||
| 7728 |
잘살아보자
|
10년 전 | 607 | |
| 7727 |
잘살아보자
|
10년 전 | 503 | |
| 7726 |
잘살아보자
|
10년 전 | 834 | |
| 7725 |
잘살아보자
|
10년 전 | 564 | |
| 7724 |
잘살아보자
|
10년 전 | 474 | |
| 7723 |
잘살아보자
|
10년 전 | 539 | |
| 7722 |
잘살아보자
|
10년 전 | 481 | |
| 7721 |
잘살아보자
|
10년 전 | 512 | |
| 7720 |
잘살아보자
|
10년 전 | 472 | |
| 7719 |
비긴어게인
|
10년 전 | 694 | |
| 7718 |
 JRevirthuum |
10년 전 | 2543 | |
| 7717 |
잘살아보자
|
10년 전 | 657 | |
| 7716 |
잘살아보자
|
10년 전 | 407 | |
| 7715 |
잘살아보자
|
10년 전 | 435 | |
| 7714 |
잘살아보자
|
10년 전 | 503 | |
| 7713 | 10년 전 | 1789 | ||
| 7712 | 10년 전 | 1719 | ||
| 7711 | 10년 전 | 1107 | ||
| 7710 | 10년 전 | 1406 | ||
| 7709 | 10년 전 | 1525 | ||
| 7708 | 10년 전 | 1463 | ||
| 7707 | 10년 전 | 860 | ||
| 7706 |
별지기천사
|
10년 전 | 574 | |
| 7705 | 10년 전 | 1083 | ||
| 7704 |
ICONdesignstudio
|
10년 전 | 628 | |
| 7703 | 10년 전 | 597 | ||
| 7702 |
 foxrain |
10년 전 | 734 | |
| 7701 | 10년 전 | 1424 | ||
| 7700 | 10년 전 | 1113 | ||
| 7699 | 10년 전 | 584 | ||
| 7698 | 10년 전 | 1149 | ||
| 7697 | 10년 전 | 5171 | ||
| 7696 | 10년 전 | 663 | ||
| 7695 | 10년 전 | 1690 | ||
| 7694 | 10년 전 | 1067 | ||
| 7693 | 10년 전 | 1561 | ||
| 7692 | 10년 전 | 1303 | ||
| 7691 | 10년 전 | 829 | ||
| 7690 | 10년 전 | 1394 | ||
| 7689 | 10년 전 | 1022 | ||
| 7688 | 10년 전 | 623 | ||
| 7687 |
파랑새1597
|
10년 전 | 603 | |
| 7686 | 10년 전 | 861 | ||
| 7685 | 10년 전 | 1346 | ||
| 7684 | 10년 전 | 804 | ||
| 7683 | 10년 전 | 1106 | ||
| 7682 | 10년 전 | 1033 | ||
| 7681 | 10년 전 | 673 | ||
| 7680 | 10년 전 | 992 | ||
| 7679 | 10년 전 | 512 | ||
| 7678 | 10년 전 | 746 | ||
| 7677 | 10년 전 | 645 | ||
| 7676 |
JRevirthuum |
10년 전 | 951 | |
| 7675 |
JRevirthuum |
10년 전 | 1182 | |
| 7674 | 10년 전 | 1056 | ||
| 7673 | 10년 전 | 757 | ||
| 7672 | 10년 전 | 1095 | ||
| 7671 | 10년 전 | 895 | ||
| 7670 | 10년 전 | 666 | ||
| 7669 |
mashmellow
|
10년 전 | 1236 | |
| 7668 | 10년 전 | 725 | ||
| 7667 | 10년 전 | 1019 | ||
| 7666 |
senseme
|
10년 전 | 662 | |
| 7665 | 10년 전 | 518 | ||
| 7664 | 10년 전 | 1901 | ||
| 7663 |
mixx애교
|
10년 전 | 985 | |
| 7662 | 10년 전 | 1047 | ||
| 7661 |
hkhkah
|
10년 전 | 798 | |
| 7660 | 10년 전 | 1075 | ||
| 7659 |
커네드커네드
|
10년 전 | 939 | |
| 7658 |
바람돌이팡
|
10년 전 | 680 | |
| 7657 | 10년 전 | 1170 | ||
| 7656 | 10년 전 | 1582 | ||
| 7655 | 10년 전 | 1000 | ||
| 7654 |
개발짜증나
|
10년 전 | 864 | |
| 7653 |
네이비칼라
|
10년 전 | 885 | |
| 7652 |
밥먹고합시다
|
10년 전 | 815 | |
| 7651 |
플라이SINJI
|
10년 전 | 1514 | |
| 7650 |
개발짜증나
|
10년 전 | 1424 | |
| 7649 | 10년 전 | 455 | ||
| 7648 |
이미영ㅇㅇ
|
10년 전 | 872 | |
| 7647 | 10년 전 | 445 | ||
| 7646 | 10년 전 | 817 | ||
| 7645 | 10년 전 | 2327 | ||
| 7644 | 10년 전 | 825 | ||
| 7643 |
 돼지코구뇽 |
10년 전 | 2875 | |
| 7642 | 10년 전 | 1518 | ||
| 7641 | 10년 전 | 1144 | ||
| 7640 |
개발짜증나
|
10년 전 | 478 | |
| 7639 |
 AJFLDKVMEK |
10년 전 | 818 | |
| 7638 |
개발짜증나
|
10년 전 | 1139 | |
| 7637 | 10년 전 | 1558 | ||
| 7636 | 10년 전 | 2917 | ||
| 7635 | 10년 전 | 1701 | ||
| 7634 | 10년 전 | 1890 | ||
| 7633 | 10년 전 | 2347 | ||
| 7632 | 10년 전 | 3956 | ||
| 7631 |
JRevirthuum |
10년 전 | 1543 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기