개발자의 끄적끄적

[javasript/jquery] ckeditor4 add style example / ckeditor4 css 추가하는 방법 html 텍스트 에디터를 사용하다 보면 ckeditor 를 사용하는 경우가 많이 있습니다. 그중에서 ckeditor 가 로드된 후에 특정 css 설정이 적용되도록 작업해야 하는 경우가 있는데요. 그럴때는 아래와 같이 on : instanceReady 를 이용하여 스타일을 추가하시면 됩니다! CKEDITOR.replace("content",{ height:"300" ,toolbar: [ { name: 'document', items : [ 'Source' ] }, { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Stri..

[개발/에디터] ckeditor html 태그 사라지는 오류 해결 방법 텍스트 입력을 개발하다보면 에디터를 많이 사용합니다. 그중에서 저는 ckeditor 를 자주 사용하는데요 ckeditor 사용중 소스보기로 직접 태그를 작성해서 저장했는데 다시 불러올대는 태그가 사라지는 경우가 종종 있습니다. 그럴때는 ckeditor 를 로드할때 아래 옵션을 추가해서 로드하시면 됩니다! CKEDITOR.config.allowedContent = true; 참고들 하세요!

[개발/ckeditor4] ckeditor4 plugin 추가하는 방법 사이트를 개발하다보면 텍스트 에디터를 붙이는 경우가 자주 있습니다. 그중에서 ckeditor4 버전을 사용하는 경우 추가 플러그인을 사용하는 경우가 있습니다. 그럴때는 아래와 같이 플러그인을 설정할 수 있습니다. 1. https://ckeditor.com/cke4/addons/plugins/all 링크로 들어가서 플러그인을 선택 및 다운로드 합니다. 2. 위에서 받은 플러그인을 원하는 경로에 업로드 합니다. 3. ckeditor 를 로드할때 아래 스크립트 옵션을 참고합니다. - addExrternal 를 이용하여 경로와 플러그인 명을 입력합니다. - editorConfig 를 시용하여 플러그인 명과 언어를 설정합니다. - replac..

[개발/에디터] ckeditor loading status check example / ckeditor 로딩된 상태 확인하는 방법 웹 에디터로 ckeditor 를 사용하다보면 정상적으로 에디터가 로드 되었는지 그 상태를 확인해야 하는 경우가 있습니다. 그럴때는 아래와 같이 이벤트 리스너를 등록하시면 됩니다! CKEDITOR.on('instanceReady', function() { // to do } ); 저 이벤트 안에 실행하고자 하는 로직을 작성하시면 에디터가 textarea 에 로드됨과 동시에 실행되게 됩니다! 참고들 하세요!

[javascript/jquery] ckeditor Cannot read properties of undefined (reading 'getEditor') 에러 해결 방법 글작성을 위해서 에디터를 많이 이용하는데요, 그중에서 ckeditor 를 붙이려고 하다보면 아래와 같은 에러가 나는 경우가 있습니다. Cannot read properties of undefined (reading 'getEditor') 그럴때는 고민하지마시고, 1. js 가 정상적으로 로드되었는지 확인 2. editor 를 붙이려는 textarea 의 아이디와 CKEDITOR.replace 에 선언되어 있는 아이디명이 동일한지 확인 이렇게 확인해보시면 됩니다! 대부분 2번의 경우가 많으실껍니다! 참고들 하세요!

[개발참고] CKEditor 자동공백 추가 끄기 // 소스 보기시 자동으로 추가되는 기능 끄기 config.basicEntities = false; config.fillEmptyBlocks = false; 위 내용을 config.js 파일을 열어서 추가해놓으면 됩니다. 참고들하세요! 참고사이트 : https://yadolee.com/bbs/board.php?bo_table=tip&wr_id=387

[javascript] javascript ckeditor 파일업로드 우선 아래처럼 CKeditor 를 사용하기위해 script를 로드합니다! 그리고 나서 "본문내용" 여기서 중요한점! 업로드 하는중에 잘못된 서버 응답이라는 에러가 나오면 이미지 업로드를 실행할 파일 URL 이 잘못되었거나! {"filename" : "파일명", "uploaded" : 1, "url":"파일이 업로든 된 경로"} 처리 후 리턴값을 위처럼 json 구조로 리턴을 해주시면 해결이 됩니다! 버전마다 차이가 있을 수 있으니 참고들 하세요!! CKeditor 공식 홈페이지 : https://ckeditor.com/ CKEditor | Smart WYSIWYG HTML editor | Collaborative rich text ed..