CATEGORIES
무료 에디터 중에서도 가장 강력한 기능을 많이 가지고 있는 툴이 바로 notepad++이다. notepad++ 기능에 대하여는 이전에도 다룬 적이 있는데 이번에는 파일 비교 방법에 대하여 알아보려한다.! 파일 비교하여 차이점 찾기 가능예전에는 파일을 비교하는 compare 기능이 유료 에디터에만 존재했는데 지금은 notepad++를 통해 무료로도 사용이 가능하다. 이 기능에 대하여 잠시 소개하자면...두 개의 파일이 서로 다른 점이 있는지 비교하여 찾는 기능이 바로 이 기능이다. compare 할 경우 서로 다른 부분을 구분하여 보여주기 때문에 쉽게 찾을 수 있고 수정할 수 있어 매우매우 필수적인 기능이라 하겠다...! 파일 비교하는 방법두 개의 서로 다른 내용을 찾기 위해서는 아래와 같이 수행해야한다.i.
Last Modified : 2017-11-08 02:13:01CKEDITOR를 사용하여 AJAX로 불러온 데이터를 추가하는 방법입니다. 아래 방법이 유용한 이유는 CKEDITOR를 사용하여 다른 방법으로 텍스트를 추가할 경우 함께 추가된 img 및 태그 요소가 적용되지 않을 수 있습니다. 이 경우 아래 방법을 사용하면 모두 정상적으로 코드가 추가되게 됩니다. 그럼 아래 코드를 봐주세요.# CKEDITOR 에디터 html 코드 적용하는 예제소스// Insert Text into CKEDITORCKEDITOR.instances.blogEditor.setData(); // 에디터에 내용 초기화(비우기) setTimeout(function() { CKEDITOR.instances.blogEditor.document.getBody().setHtml(response.
Last Modified : 2017-08-11 01:42:44
입력폼을 만들어 방문자에게 특정한 정보를 얻을 경우 <textarea>태그가 매우 많이 사용됩니다. 하지만 textarea는 태그를 추가할 수 없는데요... 이 경우 contentEditable 속성을 태그에 추가하여 많이 사용하죠.그런데 contentEditable에 모든 태그를 허용해야만 하는 건 아니죠. 때로는 허용 가능한 태그와 아닌 태그의 구분이 필요할 수 있습니다. 오늘 알아볼 내용은 복사해서 붙여넣기의 경우 어떻게 하면 태그를 제외한 텍스트만 추가할 수 있는지의 방법입니다.# contentEditable 붙여넣기시 텍스트만 추가하기텍스트만 추가하기 위해서는 paste 이벤트를 추가하고 이벤트객체의 clipboardData 프로퍼티가 필요합니다. 그럼 간단한 예제를 만들어보겠습니다. 먼저 con
Last Modified : 2019-08-07 20:38:59
무료 에디터툴로 넓리 알려진 Notepad++ !!다른 툴에서 사용하던 FTP 기능이 매우 편리했는데 Notepad++는 FTP 기능 역시 지원합니다~ 무료툴임에도 불구하고 안되는게 없을 정도로 참 많은 기능을 지원하는군요!FTP 기능을 사용하면 서버에 바로 업로드와 다운로드가 가능하기 때문에 빈번하게 수정할때마다 ftp를 접속해서 올리고 다운받는 반복적인 작업들이 확~~ 줄어들게 됩니다. 매우 편리한 기능이죠. 그럼 이 FTP 기능을 Notepad++에서 어떻게 사용하는지 알아보도록 하겠습니다 :)# Notepad++에서 FTP 설정하는 방법1. ShowNppFTPWindow 아이콘을 클릭한다. (아래 이미지처럼 아이콘을 클릭하거나 플러그인에 기본으로 설치된 NppFTP를 클릭하시면 됩니다.2. 좌측, 상
Last Modified : 2020-02-15 13:20:29
클라우드 에디터(Cloud Editor) 중에서 많이 사용되는 Codeanywhere!! 신규앱이 나왔군요~이전 버전의 앱은 자체 서비스 가입에 대한 로그인만 가능했었죠. 이번에 업데이트를 통해서 소셜 로그인이 안되던 불편을 제거했습니다. 이제는 웹과 똑같이 소셜로그인이 가능합니다.개인적으로 가장 좋아하는 클라우드 에디터가 바로 Codeanywhere입니다!! 그 이유는 몇 가지 있는데요 ~ 일단 매우 직관적이고 편리한 인터페이스도 좋습니다. 그리고 서버의 재시작 속도 및 유지시간도 좋은 편입니다. 물론 무료사용을 기준으로 말씀드립니다. 그리고 이처럼 앱에서도 편하게 사용할 수 있다는 점? 아무래도 급하게 처리해야할 부분이 있다면 핸드폰으로 간단한 부분을 추가 ~ 수정할 수 있어 매우 편리하죠!편리한 Cod
Last Modified : 2017-08-17 23:42:35CKEDITOR 로딩된 상태를 알아내는 방법을 알아보려 합니다.CKEDITOR는 replace() 메소드를 사용하면 새로운 인스턴스를 생성하게 됩니다. 작성된 콘텐츠를 추가하려는 경우 해당 인스턴스의 상태가 준비가 되었는지 알아야하며 이때 이벤트 'instanceReady'를 통해 준비 이후 추가하는 것이 가능합니다. 아래 예제를 봐주세요.CKEDITOR.on('instanceReady', function() { // 필요한 작업 실행} );아래 방법 역시 동일하나 에디터를 생성하면서 동시에 이벤트를 실행하는 방법입니다.CKEDITOR.replace( 'myEditor', { on: { instanceReady: function() { // 필요한 작업 실행
Last Modified : 2017-09-21 00:24:29Cloud Editor중 하나인 Codeanywhere가 갑자기 동작하지 않는 문제가 발생하였습니다.. 특별한 원인은 모르겠고 로컬 서버구동시 디버깅에도 문제는 나타나지 않으나 localhost를 띄워 접속하면 현재 접속 가능한 컨테이너가 없다는 에러가 발생하더군요...특별히 디버깅에 문제가 있거나 에러가 발생하면 해결할 수 있을텐데 아무것도 반응이 없어 어찌할바를 모르겠더군요.. 일단 여러가지 시도를 해봤습니다.Codeanywhere 컨텐이너 restart 및 refresh모든 소스를 지우고 서버만 간단히 띄워 확인하기최근 설치된 python module 제거해보기포트번호 바꿔서 시도하기여러가지 시도해봤지만 결국은 해결되지 않더군요... 남아있는 선택지는 몇개되지 않았습니다... 기존 소스를 지우고 새롭게
Last Modified : 2017-11-27 23:47:46Cloud 에디터를 사용해보면 너무나 장점이 많습니다. 가장 큰 장점은 뭐니뭐니해도 언제 어디서든 바로 자신의 개발환경에서 업무, 코딩이 가능하다는 점입니다.이런 장점을 가진 클라우드 에디터 중에서 인기있는 앱인 Codeanywhere의 개발환경을 구축한 경우 코드 테스트를 하기위한 테스트 url 정보를 얻는 방법에 대하여 알아봅니다.# 테스트 url을 확인하기먼저 CodeAnywhere는 Costom URL을 지원합니다. 하지만 이는 자체적으로 제공하는 테스트 url과는 다르며 기본으로 제공되는 환경의 url을 확인하려면 어떻게 할까요? 이 경우 아래의 방법을 따릅니다.사실 저 역시 이걸 찾는라 애먹었는데요... 해당 위치는 바로 저기의 Info를 누를 경우 나오게됩니다.좌측 메뉴의 Connection 바
Last Modified : NoneCKEDITOR 에디터 이미지 첨부 안되도록 하는 방법을 알아보려고 합니다.만약 에디터의 사용자에게 이미지 첨부가 안되는 제약사항을 주려면 어떻게해야할까요? 먼저 확인해야할 사항이 있습니다.! config 설정에 image 플러그인이 사용가능한지 확인만약 config 파일 내부에 image 플러그인을 사용하도록 설정된 경우 replace()를 사용한 에디터 config 설정이 동작하지 않을 수 있습니다. 이 경우 Custom config 파일을 사용하도록 변경하는 등의 다른 조치가 필요합니다.그 후에 에디터의 config 설정에서 허용가능하지 않도록 입력합니다.# CKEDITOR config 설정하기아래와 같이 config를 설정합니다.CKEDITOR.editorConfig = function(config)
Last Modified : 2017-05-31 10:14:37