본문 바로가기
반응형

programming/TroubleShootInG44

썸머노트 위지윅 에디터 html 가져오기 썸모노트 ( summernote ) 위지윅 에디터에서 작성된 글내용을 html 로 가져오기 위해 summernote() 메서드를 사용하고 인자값으로 code 를 사용하면 된다. 썸머노트 위지윅 에디터 html 가져오기 웹개발시 위지윅 에디터를 추가할 때 가장 많이 사용되는 것은 에디터에 html 을 설정하고 가져오는 것이다. 위지윅 에디터은 작성한 글들이 html 로 존재하는데 이를 DB에 저장하고 불러올 수 있다. DB에 저장하기 위해 위지윅 에디터에 작성된 글의 내용과 이미지 등을 가져올 필요가 있다. 여기서는 썸머노트 ( summernote ) 를 기준으로 설명한다. 결론적으로 썸머노트 위지윅 에디터에서 작성한 글의 내용을 가져오기 위한 메서드는 다음과 같다. (썸머노트_객체).summernote(.. 2022. 12. 9.
썸머노트 위지윅 에디터 설치하기 summernote wysiwyg editor 토스트 UI 에디터의 자잘한 버그로 썸머노트 위지윅 에디터로 대체하는 작업이 필요했다. 위지윅 에디터의 개인적 테스트는 토스트 UI 에디터보다 만족스러웠다. 단순해 보이지만 전문가적인 면을 강조하고 자잘한 오류가 있는 에디터 보다는 썸머노트를 사용하는 것이 낫다는 생각이다. 모든 것이 그렇지만 제품은 어설프게 보여도 기능면에서 충실한 것이 선택을 받는 것 같다. 썸머노트 위지윅 에디터 사용해보자 summernote wysiwyg editor 토스트 UI 에디터 ( Toast UI Editor ) 를 사용하려고 적용까지 다 했지만, 새로운 복병이 나타났다. 다른 페이지로 가기 위한 링크 역할을 하는 a 태그에 새 창 열기 기능이 없는 것. 새 창 열기 기능이 없다는 것은 조금 난해한 측면이 있는데 이것을 .. 2022. 12. 6.
자바스크립트 동기 비동기 동작 방식 이해 자바스크립트로 웹페이지의 동작이나 데이터를 표시할 때 동기와 비동기적인 처리를 한다. jquery를 사용할 경우 비동기는 기본값으로 동작한다. 동기와 비동기는 여러 개의 자바스크립트가 직렬처리 또는 병렬처리되는 것을 의미하기도 하고 다른 말로 순차실행 또는 비순차실행을 의미하기도 한다. 쉽게 말해 여러 개의 자바스크립트의 함수가 순서대로 실행된다면 동기, 여러개가 거의 동시에 실행된다면 비동기 라 한다. 자바스크립트 동기 비동기 동작 방식 이해 웹프로그래밍을 위한 개발에서 자바스크립트는 웹페이지의 동작을 담당한다. 웹페이지의 처리 절차가 많아질수록 서버에 데이터를 요청하는 웹브라우저는 동작을 분산하여 처리할 수 있다. 다만, 데이터의 양이 많을 수록 요청하는 데이터를 단위별로 나누고 순차적으로 처리할 것.. 2022. 12. 5.
html 입력 태그 전체 선택 ctrl + a 기능 만들기 input textarea 태그 한정 html 에서 대표적인 입력태그는 input 과 textarea 가 있다. jquery 에서 select 태그는 입력태그에 표시된 문자열을 전체 선택할 수 있도록 한다. 다만 select 메서드는 input과 textarea 태그로 한정되며 다른 태그에는 적용되지 않는다. 문서를 위한 업무용 프로그램에서 자주 사용될 수 있고 사용자가 귀찮은 작업을 조금은 줄일 수 있도록 해주는 역할을 한다. html 입력 input 태그 전체 선택 ctrl + a 기능 만들기 input textarea 태그 한정 html 태그 중 input 과 textarea 는 텍스트를 입력하는 역할을 한다. input 태그는 text 속성을 이용한 한줄 텍스트를 입력할 수 있고, textarea 는 여러 줄의 텍스트를 입력할 수 있.. 2022. 12. 2.
반응형