본문 바로가기
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.