728x90 분류 전체보기144 iframe 클릭 이벤트 처리 - jquery iframe 안을 클릭했을 때 이벤트 처리방법https://tv.naver.com/embed/25698159?autoPlay=true' frameborder='no' scrolling='no' marginwidth='0' marginheight='0' WIDTH='544' HEIGHT='306' allow='autoplay' allowfullscreen > 2024. 8. 7. 다중선택 셀렉트박스안에 체크박스 넣기 다중선택을 하는 셀렉트박스는 선택 시 컨트롤키를 눌러 다중선택을 하게 되어있는데 이렇게 말고 체크박스를 넣어 컨트롤키를 누르지 않아도 다중선택할 수 있게하였다. 물론 셀렉트박스가 아닌 DIV 로 처리했다. http://www.w3.org/TR/html4/strict.dtd"> 다중선택 리스트 체크리스트1 체크리스트2 체크리스트3 체크리스트4 체크리스트5 체크리스트6 체크리스트7 2024. 8. 6. SLICK 슬라이드 페이징 넣기 SLICK 슬라이드에서 원하는 부분에 1/5 와 같은 페이징을 넣는 방법이다.1 / 3 test1 test2 test3 $('.main_news_sld').slick({ infinite: false, speed: 300, initialSlide : 0, slidesToShow: 1, slidesToScroll: 1, vertical:true, }); $('.main_news_sld').on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){ var i = (currentSlide ? currentSlide : 0) + 1; $('.sPage1').html(""+i+" / "+slick.slideCount+".. 2024. 8. 6. ckeditor5 - 높이설정 에디터의 높이를 설정하는 방법}).then(function(editor) {//높이를 480으로 지정 - 높이고정//입력이 480을 넘으면 스크롤이 생김$('style').append('.ck-content { height: 480px; }');objEditor = editor;//최소 높이를 480으로 지정 - 높이 가변//입력이 480을 넘으면 높이가 늘어남$('style').append('.ck-content { min-height: 480px; }');}).catch( error => { console.log( error ); } ); 2024. 8. 5. ckeditor html 태그 허용 ckeditor5 에서 허용태그 세팅방법은 아래 사이트를 참조 https://ckeditor.com/docs/ckeditor5/latest/features/general-html-support.html General HTML Support | CKEditor 5 DocumentationLearn how to install, integrate, configure, and develop CKEditor 5. Get to know the CKEditor 5 Framework. Browse through the API documentation and online samples.ckeditor.com 아래는 모든 태그를 허용하는 세팅이다. ClassicEditor.create( document.querySele.. 2024. 8. 5. ckeditor mediaEmbed 카카오tv 처리 ckeditor5 media embed 에서 카카오tv 주소를 넣었을 경우 글에 삽입되도록 처리하는 방법이다. 주소형식 2가지를 받아 iframe 형식으로 만들어 리턴해주는 설정이다ClassicEditor.create( document.querySelector( '#ckeditor' ), { toolbar: {items : ['mediaEmbed'], shouldNotGroupWhenFull: true,},mediaEmbed: {previewsInData: true,providers: [{name: 'kakaotv',url: [/^tv\.kakao\.com\/v\/([\w-]+)/, /^tv\.kakao\.com\/channel\/[^/]+\/cliplink\/(\d+)/],html: match =>.. 2024. 8. 5. 이전 1 ··· 8 9 10 11 12 13 14 ··· 24 다음