본문 바로가기
728x90

기타37

다중선택 셀렉트박스안에 체크박스 넣기 다중선택을 하는 셀렉트박스는 선택 시 컨트롤키를 눌러 다중선택을 하게 되어있는데 이렇게 말고 체크박스를 넣어 컨트롤키를 누르지 않아도 다중선택할 수 있게하였다. 물론 셀렉트박스가 아닌  DIV 로 처리했다.           http://www.w3.org/TR/html4/strict.dtd">  다중선택 리스트    체크리스트1    체크리스트2    체크리스트3    체크리스트4    체크리스트5    체크리스트6    체크리스트7 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.
ckeditor5 - toolbar 세팅 ckeditor5의 툴바에 원하는 메뉴를 세팅하고 싶다면 ​먼저 홈페이지에 들어가 원하는 기능을 세팅하여 빌드하여 다운로드 하여야한다.​주소는 아래와 같은데 진행은 어렵지 않다. 원하는 기능들을 선택 후 쭉~ 진행하고​다운로드 받으면된다. 물론 유료기능들은 돈을 지불해야한다. ​이렇게 빌드하지 않고 기본 버전에 기능을 넣으면 지원하지 않는 기능이라고 나온다. https://ckeditor.com/ckeditor-5/online-builder/ CKEditor 5 BuilderCreate and customize your online editor with CKEditor 5 Builder. Choose features, set up your editor, and see changes in real-time.. 2024. 8. 5.
[HTML] 버튼 정렬하기 버튼을 오른쪽 정렬하고 싶은 경우 아래와 같이 처리​1.​2. 2024. 8. 5.
반응형