<![CDATA[
<p>01~443 (1481)</p><p> </p><p> </p><p> </p><div class="table-wrap"><table data-ke-type="table" data-ke-align="alignLeft" style="width: 100%;" border="1"><tbody><tr><td></td></tr><tr><td></td><td><html lang="ko"></td></tr><tr><td></td><td><head></td></tr><tr><td></td><td><script type="text/javascript">if (!window.T) { window.T = {} }</td></tr><tr><td></td><td>window.T.config = {"TOP_SSL_URL":"<a href="https://www.tistory.com" target="_top" class="ke-link">https://www.tistory.com</a>","PREVIEW":false,"ROLE":"guest","PREV_PAGE":"","NEXT_PAGE":"","BLOG":{"id":2542989,"name":"minaminaworld","title":"미나미 블로그","isDormancy":false,"nickName":"미나미나미","status":"open"},"NEED_COMMENT_LOGIN":true,"COMMENT_LOGIN_CONFIRM‎_MESSAGE":"이 블로그는 로그인한 사용자에게만 댓글 작성을 허용했습니다. 지금 로그인하시겠습니까?","LOGIN_URL":"<a href="https://www.tistory.com/auth/login/?redirectUrl=https://minaminaworld.tistory.com/177" target="_top" class="ke-link">https://www.tistory.com/auth/login/?redirectUrl=https://minaminaworld.tistory.com/177</a>","DEFAULT_URL":"<a href="https://minaminaworld.tistory.com" target="_top" class="ke-link">https://minaminaworld.tistory.com</a>","USER":{"name":null,"homepage":null,"id":0,"profileImage":null},"SUBSCRIPTION":{"status":"none","isConnected":false,"isPending":false,"isWait":false,"isProcessing":false,"isNone":true},"IS_LOGIN":false,"HAS_BLOG":false,"IS_SUPPORT":false,"TOP_URL":"<a href="http://www.tistory.com" target="_top" class="ke-link">http://www.tistory.com</a>","JOIN_URL":"<a href="https://www.tistory.com/member/join" target="_top" class="ke-link">https://www.tistory.com/member/join</a>","ROLE_GROUP":"visitor"};</td></tr><tr><td></td><td>window.appInfo = {"domain":"tistory.com","topUrl":"<a href="https://www.tistory.com" target="_top" class="ke-link">https://www.tistory.com</a>","loginUrl":"<a href="https://www.tistory.com/auth/login" target="_top" class="ke-link">https://www.tistory.com/auth/login</a>","logoutUrl":"<a href="https://www.tistory.com/auth/logout" target="_top" class="ke-link">https://www.tistory.com/auth/logout</a>"};</td></tr><tr><td></td><td>window.initData = {};</td></tr><tr><td></td><td></td></tr><tr><td></td><td>window.TistoryBlog = {</td></tr><tr><td></td><td>basePath: "",</td></tr><tr><td></td><td>url: "<a href="https://minaminaworld.tistory.com" target="_top" class="ke-link">https://minaminaworld.tistory.com</a>",</td></tr><tr><td></td><td>tistoryUrl: "<a href="https://minaminaworld.tistory.com" target="_top" class="ke-link">https://minaminaworld.tistory.com</a>",</td></tr><tr><td></td><td>manageUrl: "<a href="https://minaminaworld.tistory.com/manage" target="_top" class="ke-link">https://minaminaworld.tistory.com/manage</a>",</td></tr><tr><td></td><td>token: "rlJdGnstB3Tx6xbmICnpG+RBzCtF4mUdDeQ6nwBE0QF1GPbs5wXIQ/Zal1PmBeoT"</td></tr><tr><td></td><td>};</td></tr><tr><td></td><td>var servicePath = "";</td></tr><tr><td></td><td>var blogURL = "";</script></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- BusinessLicenseInfo - START --></td></tr><tr><td></td><td></td></tr><tr><td></td><td><link href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/plugin/BusinessLicenseInfo/style.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/plugin/BusinessLicenseInfo/style.css</a>" rel="stylesheet" type="text/css"/></td></tr><tr><td></td><td></td></tr><tr><td></td><td><script>function switchFold(entryId) {</td></tr><tr><td></td><td>var businessLayer = document.getElementById("businessInfoLayer_" + entryId);</td></tr><tr><td></td><td></td></tr><tr><td></td><td>if (businessLayer) {</td></tr><tr><td></td><td>if (businessLayer.className.indexOf("unfold_license") > 0) {</td></tr><tr><td></td><td>businessLayer.className = "business_license_layer";</td></tr><tr><td></td><td>} else {</td></tr><tr><td></td><td>businessLayer.className = "business_license_layer unfold_license";</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></script></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- BusinessLicenseInfo - END --></td></tr><tr><td></td><td><!-- DaumShow - START --></td></tr><tr><td></td><td><style type="text/css">#daumSearchBox {</td></tr><tr><td></td><td>height: 21px;</td></tr><tr><td></td><td>background-image: url(//i1.daumcdn.net/imgsrc.search/search_all/show/tistory/plugin/bg_search2_2.gif);</td></tr><tr><td></td><td>margin: 5px auto;</td></tr><tr><td></td><td>padding: 0;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>#daumSearchBox input {</td></tr><tr><td></td><td>background: none;</td></tr><tr><td></td><td>margin: 0;</td></tr><tr><td></td><td>padding: 0;</td></tr><tr><td></td><td>border: 0;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>#daumSearchBox #daumLogo {</td></tr><tr><td></td><td>width: 34px;</td></tr><tr><td></td><td>height: 21px;</td></tr><tr><td></td><td>float: left;</td></tr><tr><td></td><td>margin-right: 5px;</td></tr><tr><td></td><td>background-image: url(//i1.daumcdn.net/img-media/tistory/img/bg_search1_2_2010ci.gif);</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>#daumSearchBox #show_q {</td></tr><tr><td></td><td>background-color: transparent;</td></tr><tr><td></td><td>border: none;</td></tr><tr><td></td><td>font: 12px Gulim, Sans-serif;</td></tr><tr><td></td><td>color: #555;</td></tr><tr><td></td><td>margin-top: 4px;</td></tr><tr><td></td><td>margin-right: 15px;</td></tr><tr><td></td><td>float: left;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>#daumSearchBox #show_btn {</td></tr><tr><td></td><td>background-image: url(//i1.daumcdn.net/imgsrc.search/search_all/show/tistory/plugin/bt_search_2.gif);</td></tr><tr><td></td><td>width: 37px;</td></tr><tr><td></td><td>height: 21px;</td></tr><tr><td></td><td>float: left;</td></tr><tr><td></td><td>margin: 0;</td></tr><tr><td></td><td>cursor: pointer;</td></tr><tr><td></td><td>text-indent: -1000em;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></style></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- DaumShow - END --></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- GoogleAnalytics - START --></td></tr><tr><td></td><td><script src="<a href="https://www.googletagmanager.com/gtag/js?id=추적" target="_top" class="ke-link">https://www.googletagmanager.com/gtag/js?id=추적</a><a href="https://www.googletagmanager.com/gtag/js?id=%EC%B6%94%EC%A0%81%20ID%20UA-118260536-1" target="_top" class="ke-link"> ID UA-118260536-1</a>" async="async"></script></td></tr><tr><td></td><td><script>window.dataLayer = window.dataLayer || [];</td></tr><tr><td></td><td>function gtag(){dataLayer.push(arguments);}</td></tr><tr><td></td><td>gtag('js', new Date());</td></tr><tr><td></td><td>gtag('config','추적 ID UA-118260536-1', {</td></tr><tr><td></td><td>cookie_expires: 7 * 24 * 60 * 60 // 7 days, in seconds</td></tr><tr><td></td><td>});</script></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- GoogleAnalytics - END --></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- System - START --></td></tr><tr><td></td><td><script src="<a href="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" target="_top" class="ke-link">//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js</a>" async="async" data-ad-host="ca-host-pub-9691043933427338" data-ad-client="ca-pub-3807628079045711"></script></td></tr><tr><td></td><td><!-- System - END --></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- TistoryProfileLayer - START --></td></tr><tr><td></td><td><link href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/plugin/TistoryProfileLayer/style.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/plugin/TistoryProfileLayer/style.css</a>" rel="stylesheet" type="text/css"/></td></tr><tr><td></td><td><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/plugin/TistoryProfileLayer/script.js" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/plugin/TistoryProfileLayer/script.js</a>"></script></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- TistoryProfileLayer - END --></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><meta http-equiv="X-UA-Compatible" content="IE=Edge"></td></tr><tr><td></td><td><meta name="format-detection" content="telephone=no"></td></tr><tr><td></td><td><script src="<a href="https://t1.daumcdn.net/tistory_admin/lib/jquery/jquery-3.5.1.min.js" target="_top" class="ke-link">//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-3.5.1.min.js</a>" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script></td></tr><tr><td></td><td><script src="<a href="https://t1.daumcdn.net/tistory_admin/lib/lightbox/js/lightbox-v2.10.0.min.js" target="_top" class="ke-link">//t1.daumcdn.net/tistory_admin/lib/lightbox/js/lightbox-v2.10.0.min.js</a>" defer></script></td></tr><tr><td></td><td><script type="text/javascript" src="<a href="https://t1.daumcdn.net/tiara/js/v1/tiara.min.js" target="_top" class="ke-link">//t1.daumcdn.net/tiara/js/v1/tiara.min.js</a>"></script><meta name="referrer" content="always"/></td></tr><tr><td></td><td><meta name="google-adsense-platform-account" content="ca-host-pub-9691043933427338"/></td></tr><tr><td></td><td><meta name="google-adsense-platform-domain" content="tistory.com"/></td></tr><tr><td></td><td><meta name="google-adsense-account" content="ca-pub-3807628079045711"/></td></tr><tr><td></td><td><meta name="description" content="# 이 글을 읽기전에 생성 방법을 모르신다면, 아래의 글을 읽어주세요. <a href="https://minaminaworld.tistory.com/176" target="_top" class="ke-link">https://minaminaworld.tistory.com/176</a> [jquery] 웹에디터 플러그인(plugin) 썸머노트(SummerNote) 한글화 사용법 # 예시 화면 (예제 소스가 필요하신 분은 아래에 풀 소스코드 남겨두었습니다.) 2. 다운 ZIP 파일에서 lang 안에 한글화 설정 파일 확인 3. SummerNote 만들기 3-1. SummerNote 필요한 Jquery 요소 불러오기 -.. minaminaworld.tistory.com # 예시 화면 (예제 소스가 필요하신 분은 아래에 풀 소스코드 남겨두었습니다.) # 1. summernote 기본 사용법 $(document).ready(function () { cons.."/></td></tr><tr><td></td><td><meta property="og:type" content="article"/></td></tr><tr><td></td><td><meta property="og:url" content="<a href="https://minaminaworld.tistory.com/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/177</a>"/></td></tr><tr><td></td><td><meta property="og.article.author" content="미나미나미"/></td></tr><tr><td></td><td><meta property="og:site_name" content="미나미 블로그"/></td></tr><tr><td></td><td><meta property="og:title" content="[jquery] 웹에디터 썸머노트(SummerNote) 기본 사용법 정리"/></td></tr><tr><td></td><td><meta name="by" content="미나미나미"/></td></tr><tr><td></td><td><meta property="og:description" content="# 이 글을 읽기전에 생성 방법을 모르신다면, 아래의 글을 읽어주세요. <a href="https://minaminaworld.tistory.com/176" target="_top" class="ke-link">https://minaminaworld.tistory.com/176</a> [jquery] 웹에디터 플러그인(plugin) 썸머노트(SummerNote) 한글화 사용법 # 예시 화면 (예제 소스가 필요하신 분은 아래에 풀 소스코드 남겨두었습니다.) 2. 다운 ZIP 파일에서 lang 안에 한글화 설정 파일 확인 3. SummerNote 만들기 3-1. SummerNote 필요한 Jquery 요소 불러오기 -.. minaminaworld.tistory.com # 예시 화면 (예제 소스가 필요하신 분은 아래에 풀 소스코드 남겨두었습니다.) # 1. summernote 기본 사용법 $(document).ready(function () { cons.."/></td></tr><tr><td></td><td><meta property="og:image" content="<a href="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQuzfj%2FbtqHhGnhluj%2F1b6JsDcT4xpT9OrLamchj0%2Fimg.png" target="_top" class="ke-link">https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQuzfj%2FbtqHhGnhluj%2F1b6JsDcT4xpT9OrLamchj0%2Fimg.png</a>"/></td></tr><tr><td></td><td><meta name="twitter:card" content="summary_large_image"/></td></tr><tr><td></td><td><meta name="twitter:site" content="@TISTORY"/></td></tr><tr><td></td><td><meta name="twitter:title" content="[jquery] 웹에디터 썸머노트(SummerNote) 기본 사용법 정리"/></td></tr><tr><td></td><td><meta name="twitter:description" content="# 이 글을 읽기전에 생성 방법을 모르신다면, 아래의 글을 읽어주세요. <a href="https://minaminaworld.tistory.com/176" target="_top" class="ke-link">https://minaminaworld.tistory.com/176</a> [jquery] 웹에디터 플러그인(plugin) 썸머노트(SummerNote) 한글화 사용법 # 예시 화면 (예제 소스가 필요하신 분은 아래에 풀 소스코드 남겨두었습니다.) 2. 다운 ZIP 파일에서 lang 안에 한글화 설정 파일 확인 3. SummerNote 만들기 3-1. SummerNote 필요한 Jquery 요소 불러오기 -.. minaminaworld.tistory.com # 예시 화면 (예제 소스가 필요하신 분은 아래에 풀 소스코드 남겨두었습니다.) # 1. summernote 기본 사용법 $(document).ready(function () { cons.."/></td></tr><tr><td></td><td><meta property="twitter:image" content="<a href="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQuzfj%2FbtqHhGnhluj%2F1b6JsDcT4xpT9OrLamchj0%2Fimg.png" target="_top" class="ke-link">https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQuzfj%2FbtqHhGnhluj%2F1b6JsDcT4xpT9OrLamchj0%2Fimg.png</a>"/></td></tr><tr><td></td><td><meta content="<a href="https://minaminaworld.tistory.com/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/177</a>" property="dg:plink" content="<a href="https://minaminaworld.tistory.com/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/177</a>"/></td></tr><tr><td></td><td><meta name="plink"/></td></tr><tr><td></td><td><meta name="title" content="[jquery] 웹에디터 썸머노트(SummerNote) 기본 사용법 정리"/></td></tr><tr><td></td><td><meta name="article:media_name" content="미나미 블로그"/></td></tr><tr><td></td><td><meta property="article:mobile_url" content="<a href="https://minaminaworld.tistory.com/m/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/m/177</a>"/></td></tr><tr><td></td><td><meta property="article:pc_url" content="<a href="https://minaminaworld.tistory.com/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/177</a>"/></td></tr><tr><td></td><td><meta property="article:mobile_view_url" content="<a href="https://minaminaworld.tistory.com/m/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/m/177</a>"/></td></tr><tr><td></td><td><meta property="article:pc_view_url" content="<a href="https://minaminaworld.tistory.com/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/177</a>"/></td></tr><tr><td></td><td><meta property="article:talk_channel_view_url" content="<a href="https://minaminaworld.tistory.com/m/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/m/177</a>"/></td></tr><tr><td></td><td><meta property="article:pc_service_home" content="<a href="https://www.tistory.com" target="_top" class="ke-link">https://www.tistory.com</a>"/></td></tr><tr><td></td><td><meta property="article:mobile_service_home" content="<a href="https://www.tistory.com/m" target="_top" class="ke-link">https://www.tistory.com/m</a>"/></td></tr><tr><td></td><td><meta property="article:txid" content="2542989_177"/></td></tr><tr><td></td><td><meta property="article:published_time" content="2020-08-26T21:05:34+09:00"/></td></tr><tr><td></td><td><meta property="og:regDate" content="20200826090534"/></td></tr><tr><td></td><td><meta property="article:modified_time" content="2020-08-26T21:05:34+09:00"/></td></tr><tr><td></td><td><link rel="icon" sizes="any" href="<a href="https://t1.daumcdn.net/tistory_admin/favicon/tistory_favicon_32x32.ico" target="_top" class="ke-link">https://t1.daumcdn.net/tistory_admin/favicon/tistory_favicon_32x32.ico</a>"/></td></tr><tr><td></td><td><link rel="icon" type="image/svg+xml" href="<a href="https://t1.daumcdn.net/tistory_admin/top_v2/bi-tistory-favicon.svg" target="_top" class="ke-link">https://t1.daumcdn.net/tistory_admin/top_v2/bi-tistory-favicon.svg</a>"/></td></tr><tr><td></td><td><link rel="apple-touch-icon" href="<a href="https://t1.daumcdn.net/tistory_admin/top_v2/tistory-apple-touch-favicon.png" target="_top" class="ke-link">https://t1.daumcdn.net/tistory_admin/top_v2/tistory-apple-touch-favicon.png</a>"/></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://t1.daumcdn.net/tistory_admin/lib/lightbox/css/lightbox.min.css" target="_top" class="ke-link">https://t1.daumcdn.net/tistory_admin/lib/lightbox/css/lightbox.min.css</a>"/></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/font.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/font.css</a>"/></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/content.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/content.css</a>"/></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/uselessPMargin.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/uselessPMargin.css</a>"/></td></tr><tr><td></td><td><script type="text/javascript">(function() {</td></tr><tr><td></td><td>var tjQuery = jQuery.noConflict(true);</td></tr><tr><td></td><td>window.tjQuery = tjQuery;</td></tr><tr><td></td><td>window.orgjQuery = window.jQuery; window.jQuery = tjQuery;</td></tr><tr><td></td><td>window.jQuery = window.orgjQuery; delete window.orgjQuery;</td></tr><tr><td></td><td>})()</script></td></tr><tr><td></td><td><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/script/base.js" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/script/base.js</a>"></script></td></tr><tr><td></td><td><script type="text/javascript" src="<a href="https://developers.kakao.com/sdk/js/kakao.min.js" target="_top" class="ke-link">//developers.kakao.com/sdk/js/kakao.min.js</a>"></script></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><meta charset="utf-8" /></td></tr><tr><td></td><td><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"></td></tr><tr><td></td><td><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"></td></tr><tr><td></td><td><link rel="alternate" type="application/rss+xml" title="미나미 블로그" href="<a href="https://minaminaworld.tistory.com/rss" target="_top" class="ke-link">https://minaminaworld.tistory.com/rss</a>" /></td></tr><tr><td></td><td><link href="<a href="https://tistory1.daumcdn.net/tistory/2542989/skin/images/bootstrap.min.css?_version_=1617165091" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory/2542989/skin/images/bootstrap.min.css?_version_=1617165091</a>" rel="stylesheet"></td></tr><tr><td></td><td><link rel="stylesheet" href="<a href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" target="_top" class="ke-link">https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css</a>"></td></tr><tr><td></td><td><link href="<a href="https://tistory1.daumcdn.net/tistory/2542989/skin/style.css?_version_=1617165091" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory/2542989/skin/style.css?_version_=1617165091</a>" rel="stylesheet"></td></tr><tr><td></td><td><link rel="shortcut icon" href="<a href="https://minaminaworld.tistory.com/favicon.ico" target="_top" class="ke-link">https://minaminaworld.tistory.com/favicon.ico</a>" /></td></tr><tr><td></td><td><title>미나미 블로그 :: [jquery] 웹에디터 썸머노트(SummerNote) 기본 사용법 정리</title></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --></td></tr><tr><td></td><td><!-- WARNING: Respond.js doesn't work if you view the page via file:// --></td></tr><tr><td></td><td><!--[if lt IE 9]></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><![endif]--></td></tr><tr><td></td><td><meta name="google-site-verification" content="l2kxh3CY-k-d1oR9c6nmsVMr1wgBGDR1Oa4moc2vAZs" /></td></tr><tr><td></td><td><script src="<a href="https://cdn.jsdelivr.net/gh/hi098123/tistory2/dist/tistory-avast2.js" target="_top" class="ke-link">https://cdn.jsdelivr.net/gh/hi098123/tistory2/dist/tistory-avast2.js</a>"></script></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><style type="text/css">.another_category {</td></tr><tr><td></td><td>border: 1px solid #E5E5E5;</td></tr><tr><td></td><td>padding: 10px 10px 5px;</td></tr><tr><td></td><td>margin: 10px 0;</td></tr><tr><td></td><td>clear: both;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category h4 {</td></tr><tr><td></td><td>font-size: 12px !important;</td></tr><tr><td></td><td>margin: 0 !important;</td></tr><tr><td></td><td>border-bottom: 1px solid #E5E5E5 !important;</td></tr><tr><td></td><td>padding: 2px 0 6px !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category h4 a {</td></tr><tr><td></td><td>font-weight: bold !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category table {</td></tr><tr><td></td><td>table-layout: fixed;</td></tr><tr><td></td><td>border-collapse: collapse;</td></tr><tr><td></td><td>width: 100% !important;</td></tr><tr><td></td><td>margin-top: 10px !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>* html .another_category table {</td></tr><tr><td></td><td>width: auto !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>*:first-child + html .another_category table {</td></tr><tr><td></td><td>width: auto !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category th, .another_category td {</td></tr><tr><td></td><td>padding: 0 0 4px !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category th {</td></tr><tr><td></td><td>text-align: left;</td></tr><tr><td></td><td>font-size: 12px !important;</td></tr><tr><td></td><td>font-weight: normal;</td></tr><tr><td></td><td>word-break: break-all;</td></tr><tr><td></td><td>overflow: hidden;</td></tr><tr><td></td><td>line-height: 1.5;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category td {</td></tr><tr><td></td><td>text-align: right;</td></tr><tr><td></td><td>width: 80px;</td></tr><tr><td></td><td>font-size: 11px;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category th a {</td></tr><tr><td></td><td>font-weight: normal;</td></tr><tr><td></td><td>text-decoration: none;</td></tr><tr><td></td><td>border: none !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category th a.current {</td></tr><tr><td></td><td>font-weight: bold;</td></tr><tr><td></td><td>text-decoration: none !important;</td></tr><tr><td></td><td>border-bottom: 1px solid !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category th span {</td></tr><tr><td></td><td>font-weight: normal;</td></tr><tr><td></td><td>text-decoration: none;</td></tr><tr><td></td><td>font: 10px Tahoma, Sans-serif;</td></tr><tr><td></td><td>border: none !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_gray, .another_category_color_gray h4 {</td></tr><tr><td></td><td>border-color: #E5E5E5 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_gray * {</td></tr><tr><td></td><td>color: #909090 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_gray th a.current {</td></tr><tr><td></td><td>border-color: #909090 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_gray h4, .another_category_color_gray h4 a {</td></tr><tr><td></td><td>color: #737373 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_red, .another_category_color_red h4 {</td></tr><tr><td></td><td>border-color: #F6D4D3 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_red * {</td></tr><tr><td></td><td>color: #E86869 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_red th a.current {</td></tr><tr><td></td><td>border-color: #E86869 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_red h4, .another_category_color_red h4 a {</td></tr><tr><td></td><td>color: #ED0908 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_green, .another_category_color_green h4 {</td></tr><tr><td></td><td>border-color: #CCE7C8 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_green * {</td></tr><tr><td></td><td>color: #64C05B !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_green th a.current {</td></tr><tr><td></td><td>border-color: #64C05B !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_green h4, .another_category_color_green h4 a {</td></tr><tr><td></td><td>color: #3EA731 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_blue, .another_category_color_blue h4 {</td></tr><tr><td></td><td>border-color: #C8DAF2 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_blue * {</td></tr><tr><td></td><td>color: #477FD6 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_blue th a.current {</td></tr><tr><td></td><td>border-color: #477FD6 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_blue h4, .another_category_color_blue h4 a {</td></tr><tr><td></td><td>color: #1960CA !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_violet, .another_category_color_violet h4 {</td></tr><tr><td></td><td>border-color: #E1CEEC !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_violet * {</td></tr><tr><td></td><td>color: #9D64C5 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_violet th a.current {</td></tr><tr><td></td><td>border-color: #9D64C5 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></td></tr><tr><td></td><td>.another_category_color_violet h4, .another_category_color_violet h4 a {</td></tr><tr><td></td><td>color: #7E2CB5 !important;</td></tr><tr><td></td><td>}</td></tr><tr><td></td><td></style></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/dialog.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/dialog.css</a>"/></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://t1.daumcdn.net/tistory_admin/www/style/top/font.css" target="_top" class="ke-link">//t1.daumcdn.net/tistory_admin/www/style/top/font.css</a>"/></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/postBtn.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/postBtn.css</a>"/></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/comment.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/comment.css</a>"/></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/tistory.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/tistory.css</a>"/></td></tr><tr><td></td><td><link rel="stylesheet" type="text/css" href="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/revenue.css" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/style/revenue.css</a>"/></td></tr><tr><td></td><td><link rel="canonical" href="<a href="https://minaminaworld.tistory.com/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/177</a>"/></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- BEGIN STRUCTURED_DATA --></td></tr><tr><td></td><td><script type="application/ld+json"></td></tr><tr><td></td><td>{"@context":"<a href="http://schema.org" target="_top" class="ke-link">http://schema.org</a>","@type":"BlogPosting","mainEntityOfPage":{"@id":"<a href="https://minaminaworld.tistory.com/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/177</a>","name":null},"url":"<a href="https://minaminaworld.tistory.com/177" target="_top" class="ke-link">https://minaminaworld.tistory.com/177</a>","headline":"[jquery] 웹에디터 썸머노트(SummerNote) 기본 사용법 정리","description":"# 이 글을 읽기전에 생성 방법을 모르신다면, 아래의 글을 읽어주세요. <a href="https://minaminaworld.tistory.com/176" target="_top" class="ke-link">https://minaminaworld.tistory.com/176</a> [jquery] 웹에디터 플러그인(plugin) 썸머노트(SummerNote) 한글화 사용법 # 예시 화면 (예제 소스가 필요하신 분은 아래에 풀 소스코드 남겨두었습니다.) 2. 다운 ZIP 파일에서 lang 안에 한글화 설정 파일 확인 3. SummerNote 만들기 3-1. SummerNote 필요한 Jquery 요소 불러오기 -.. minaminaworld.tistory.com # 예시 화면 (예제 소스가 필요하신 분은 아래에 풀 소스코드 남겨두었습니다.) # 1. summernote 기본 사용법 $(document).ready(function () { cons..","author":{"@type":"Person","name":"미나미나미","logo":null},"image":{"@type":"ImageObject","url":"<a href="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQuzfj%2FbtqHhGnhluj%2F1b6JsDcT4xpT9OrLamchj0%2Fimg.png" target="_top" class="ke-link">https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbQuzfj%2FbtqHhGnhluj%2F1b6JsDcT4xpT9OrLamchj0%2Fimg.png</a>","width":"800px","height":"800px"},"datePublished":"20200826T21:05:34","dateModified":"20200826T21:05:34","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"<a href="https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png" target="_top" class="ke-link">https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png</a>","width":"800px","height":"800px"}}}</td></tr><tr><td></td><td></script></td></tr><tr><td></td><td><!-- END STRUCTURED_DATA --></td></tr><tr><td></td><td><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/script/common.js" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/script/common.js</a>"></script></td></tr><tr><td></td><td><script type="text/javascript" src="<a href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/script/comment.js" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-438ee78d135d01d706e7aa9124f77f5a35303bec/static/script/comment.js</a>" defer=""></script></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></head></td></tr><tr><td></td><td><body></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td><div id="header"></td></tr><tr><td></td><td><div class="container-fluid"></td></tr><tr><td></td><td><div class="row"></td></tr><tr><td></td><td><div class="col-md-12"></td></tr><tr><td></td><td><nav class="navbar navbar-inverse navbar-fixed-top"></td></tr><tr><td></td><td><div class="container"></td></tr><tr><td></td><td><div class="navbar-header"></td></tr><tr><td></td><td><a href="<a href="https://minaminaworld.tistory.com/" target="_top" class="ke-link">https://minaminaworld.tistory.com/</a>" title="미나미 블로그" class="navbar-brand"><img src="<a href="https://tistory1.daumcdn.net/tistory/2542989/skin/images/logo_shrink.png" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory/2542989/skin/images/logo_shrink.png</a>" width="170px"></a></td></tr><tr><td></td><td><button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main"></td></tr><tr><td></td><td><span class="icon-bar"></span></td></tr><tr><td></td><td><span class="icon-bar"></span></td></tr><tr><td></td><td><span class="icon-bar"></span></td></tr><tr><td></td><td></button></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div class="navbar-collapse collapse" id="navbar-main"></td></tr><tr><td></td><td><ul class="nav navbar-nav"></td></tr><tr><td></td><td><li></td></tr><tr><td></td><td><a href="<a href="https://minaminaworld.tistory.com/notice" target="_top" class="ke-link">/notice</a>">공지사항</a></td></tr><tr><td></td><td></li></td></tr><tr><td></td><td></ul></td></tr><tr><td></td><td></td></tr><tr><td></td><td><ul class="nav navbar-nav navbar-right"></td></tr><tr><td></td><td><li class="dropdown"></td></tr><tr><td></td><td><a class="dropdown-toggle" data-toggle="dropdown" href="<a href="https://minaminaworld.tistory.com/177#" target="_top" class="ke-link">#</a>" id="download"><i class="fa fa-folder"></i>Tistory <span class="caret"></span></a></td></tr><tr><td></td><td><ul class="dropdown-menu" aria-labelledby="download"></td></tr><tr><td></td><td><li><a href="<a href="https://minaminaworld.tistory.com/tag" target="_top" class="ke-link">/tag</a>">태그</a></li></td></tr><tr><td></td><td><li><a href="<a href="https://minaminaworld.tistory.com/location" target="_top" class="ke-link">/location</a>">위치로그</a></li></td></tr><tr><td></td><td><li><a href="<a href="https://minaminaworld.tistory.com/guestbook" target="_top" class="ke-link">/guestbook</a>">방명록</a></li></td></tr><tr><td></td><td><li role="separator" class="divider"></li></td></tr><tr><td></td><td><li><a href="<a href="https://minaminaworld.tistory.com/admin" target="_top" class="ke-link">/admin</a>">관리자</a></li></td></tr><tr><td></td><td><li><a href="<a href="https://minaminaworld.tistory.com/admin/entry/post" target="_top" class="ke-link">/admin/entry/post</a>">글쓰기</a></li></td></tr><tr><td></td><td></ul></td></tr><tr><td></td><td></li></td></tr><tr><td></td><td></ul></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></nav></td></tr><tr><td></td><td><div id="carousel" class="carousel slide" data-ride="carousel"></td></tr><tr><td></td><td><!-- Indicators --></td></tr><tr><td></td><td><ol class="carousel-indicators"></td></tr><tr><td></td><td><li data-target="#carousel" data-slide-to="0" class="active"></li></td></tr><tr><td></td><td><li data-target="#carousel" data-slide-to="1"></li></td></tr><tr><td></td><td><li data-target="#carousel" data-slide-to="2"></li></td></tr><tr><td></td><td></ol></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- Wrapper for slides --></td></tr><tr><td></td><td><div class="carousel-inner" role="listbox"></td></tr><tr><td></td><td><div class="item active"></td></tr><tr><td></td><td><img src="<a href="https://tistory1.daumcdn.net/tistory/2542989/skin/images/slider_01.png" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory/2542989/skin/images/slider_01.png</a>" width="100%" alt="Carousel 01"></td></tr><tr><td></td><td><div class="carousel-caption"></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div class="item"></td></tr><tr><td></td><td><img src="<a href="https://tistory1.daumcdn.net/tistory/2542989/skin/images/slider_02.png" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory/2542989/skin/images/slider_02.png</a>" width="100%" alt="Carousel 02"></td></tr><tr><td></td><td><div class="carousel-caption"></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><div class="item"></td></tr><tr><td></td><td><img src="<a href="https://tistory1.daumcdn.net/tistory/2542989/skin/images/slider_03.png" target="_top" class="ke-link">https://tistory1.daumcdn.net/tistory/2542989/skin/images/slider_03.png</a>" width="100%" alt="Carousel 03"></td></tr><tr><td></td><td><div class="carousel-caption"></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></td></tr><tr><td></td><td><!-- Controls --></td></tr><tr><td></td><td><a class="left carousel-control" href="<a href="https://minaminaworld.tistory.com/177#carousel" target="_top" class="ke-link">#carousel</a>" role="button" data-slide="prev"></td></tr><tr><td></td><td><i class="fa fa-chevron-left fa-2x"></i></td></tr><tr><td></td><td><span class="sr-only">Previous</span></td></tr><tr><td></td><td></a></td></tr><tr><td></td><td><a class="right carousel-control" href="<a href="https://minaminaworld.tistory.com/177#carousel" target="_top" class="ke-link">#carousel</a>" role="button" data-slide="next"></td></tr><tr><td></td><td><i class="fa fa-chevron-right fa-2x"></i></td></tr><tr><td></td><td><span class="sr-only">Next</span></td></tr><tr><td></td><td></a></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td></div></td></tr><tr><td></td><td><!-- header close --></td></tr><tr><td></td><td></td></tr><tr><td></td><td><div id="content"></td></tr><tr><td></td><td><div class="container"></td></tr><tr><td></td><td><div class="row"></td></tr><tr><td></td><td><div class="col-md-9"></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table></div><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p>view-source:<a href="https://minaminaworld.tistory.com/177" target="_blank" class="ke-link">https://minaminaworld.tistory.com/177</a></p><p> </p><p> </p>
<!-- -->
]]>
카페 게시글
♥☞PHP홈 메모방◈▶
https://minaminaworld.tistory.com/177
gyun님
추천 0
조회 3
23.12.27 01:55
댓글 1
다음검색
첫댓글 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default