현박이 개발블로그

에디터가 필요했는데 적당히 괜찮은 오픈소스 에디터를 발견했다.https://summernote.org/getting-started/#get-summernote Summernote - Super Simple WYSIWYG editorSuper Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online.summernote.org공식홈페이지에서 제공하는 방법 중 하나인 부트스트랩용 버전을 사용하면 (cdn으로 부트스트랩을 불러옴)개발중인 웹 화면 디자인이 깨지기에 lite버전을 사용하였다. Installation -> without-bootstrap-lite 을 사..

html 코드 Hover Me (LEFT) 왼쪽 툴팁 Hover Me (RIGHT) 오른쪽 툴팁 Hover Me (TOP) 위쪽 툴팁 Hover Me (BOTTOM) 아래쪽 툴팁 css 코드/* 컨테이너 설정 */.container {display:flex;justify-content:center; flex-direction: row;}.inner-container {display:flex;flex-direction: column;width: 200px;text-align:center;margin-top:50px}/* 툴팁 기본 스타일 설정 시작 */.tooltip { position: rela..

기본 html의 title 기능을 css로 구현한 소스코드​html 이미지에 마우스 hover 시 툴팁이 위에 뜨도록 설정 테스트용 원하는 텍스트 작성  css.tooltip { position: relative; display: block;}.tooltip .tooltiptext { visibility: hidden; width: 250px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px 5px 5px; position: absolute; z-index: 1;}.tooltip:hover .tooltipte..

웹에서 새로고침 없이 화면을 그릴때 ajax를 써서 화면을 생성한다.html을 모두 그려야되는 경우 활용할만한 알고리즘으로php에서 html을 생성 한 후 return 해주는면 된다.​php코드function get_page(){ $new_view = $this->create_view(); //아래 함수에서 html을 리턴 받는다 $this->load->view("/test/page", array( "json_html" => $new_view ));}//view를 생성하여 리턴해준다. load->view 파라미터에 true를 넣으면 html을 출력하지않고 변수로 return 해줄수있다.function create_view(){ $data1 = "testestt"; $row = "db_data..