목록Client/Jqgrid (+tui grid), ck editor (25)
써먹는 웹개발
* sorttype int - 정렬 시 데이터를 정수 타입으로 인식 float - 정렬 시 데이터를 실수 타입으로 인식 data - 정렬 시 데이터를 날짜 타입으로 인식 text - 정렬 시 데이터를 텍스트로 인식 사용할 땐 colModel 에 넣어서 사용하면 된다. ex ) {name : 'ifIndex', index : 'ifIndex', sortdir: 'ASC', sorttype: 'int'}, 출처 : https://m.blog.naver.com/PostView.naver?blogId=hoy0509&logNo=20205538505&proxyReferer=
tui editor > tui-datepicker-input 태그 1. 날짜(숫자)만 입력 ※ datepicker는 바('-') format이 자동으로 처리되기 때문에 입력 안해도 됩니다. ex. 2020-04-17 입력 시, 2020-04-17 출력 2. 크롬에서 입력했던 데이터 기록 해당태그에서 안보이는 방법
출처 : https://break-over.tistory.com/36
[ckeditor] 크롬 디버깅 콘솔에 'editor-element-conflict' 뜰때 해결방법
크롬 디버깅 콘솔에 'editor-element-conflict' 뜰때 해결방법입니다. 현상 원인 CKEDITOR.replace('CONTENT(textArea의 name명)',{ height : 300 }); 해결방법 ev.editor.resize( '100%' , 300 ); 참조 : https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_editor.html#method-resize
모듈 추가 방법 1. 모듈을 plugins 폴더 아래에 추가하고 ex. (해당 모듈의) 폴더명 : base64image 2. /common/js/plugins/ckeditor/ckeditor/ 폴더안에 config.js 파일에 다음 소스를 추가합니다. CKEDITOR.editorConfig = function( config ) { config.extraPlugins = 'base64image'; }; 모듈 추가시 주의사항 - 폴더명에 '-'를 붙이면 웹 화면에서 ckeditor를 못 불러올 수 있습니다. ex. (해당 모듈의) 폴더명 : base64image-module
이미지 업로드 성공의 경우 { "uploaded": 1, // 이미지 업로드 처리 성공 여부 1 은 성공 0 은 실패 "fileName": 파일명, "url": 파일 업로드 경로 } 이미지 업로드 실패 { "uploaded": 0, // 이미지 업로드 실패 "error": { // 경고 메시지를 띄울 경우 "message": "The file is too big." } } ※ 업로드 실패 리턴 메시지의 한글이 깨지는 경우 'response.setCharacterEncoding("UTF-8");' 를 자바 소스에 추가할 것 출처 : https://walkinpcm.blogspot.com/2016/03/java-json-json-parsing.html [JAVA] json형식의 문자열을 json객체로 par..
[ckeditor] 내가 써본 추가 모듈
ckeditor 중에 내가 써본 추가 모듈 1. 이미지 업로드시 자체 소스 저장되는 base64처리 - 출처 : https://ckeditor.com/cke4/addon/base64image 불러오는 중입니다... 1-2) 이미지를 복사 붙여넣기할때 base64 처리 - 출처 : https://ckeditor.com/cke4/addon/pastebase64 ※ 이미지 파일 옮기는 Drag&Drop 방식은 base64처리가 안되므로 소스 상에서 막아놓자 Paste image as base64 This plugin adds the ability to paste images from clipboard as base64 strings using CKEditor. The Browser must support th..
설명 : remote data 조회 기준으로 그리드 한 페이지에 100건 씩 조회되도록 처리 1. grid에 설정// 그리드 출력grid = new tui.Grid({ ...(생략)... pagination: true}); 2. 화살표 이동시 조회 함수 호출pagination = grid.getPagination();pagination.on('beforeMove',function(ev){if(searchGu){ // 조회시에는 beforeMove 안 태우기searchGu=false;return;}page = ev.page;search(page);}); 3. 기본은 1page //그리드 출력 search(1); 4. html 소스 검색 5. 조회 함수function search(page) { ...(생략)..