CreatorLMS Editor

/* URL 컬럼: 좌측 정렬 + 앞쪽 말줄임(샘플은 텍스트로 처리) */
  .url-col{ text-align:left; }
  .url-wrap{ display:flex; align-items:center; gap:.5rem; }
  .url-link{ display:inline-block; max-width:520px; }
  .url-link .url-text{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

@media (max-width: 576px){
    .url-link{ max-width:240px; }
  }
</style>

<div class="d-flex align-items-center justify-content-between mb-3">
  <div>
    <h1 class="h4 mb-1">페이지 관리
      <button type="button" class="btn btn-link btn-sm p-0 ms-2 align-baseline"
              onclick="openPageHelp(this)"
              data-title="페이지 관리">❓</button>
    </h1>
    <div class="text-muted">사이트 페이지를 관리합니다. URL 복사 및 노출 상태를 확인할 수 있습니다.</div>
  </div>
  <div class="d-flex gap-2">
    <a href="app.php?p=page/site/page_form.html" class="btn btn-primary">페이지 추가</a>
  </div>
</div>

<div class="card mb-3">
  <div class="card-body">
    <div class="d-flex align-items-center gap-3 flex-wrap">
      <div class="fw-semibold" style="width:80px;">페이지명</div>

<div class="card">
  <div class="card-header d-flex align-items-center justify-content-between flex-wrap gap-2">
    <div class="text-muted">
      검색결과 <span class="fw-semibold">12</span>건
    </div>
  </div>

<tbody class="text-center">
          <tr>
            <td class="fw-semibold">12</td>
            <td class="page-name">
              <a href="app.php?p=page/site/page_form.html" class="text-decoration-none">메인</a>
            </td>
            <td class="url-col">
              <div class="url-wrap">
                <a class="url-link text-decoration-none" href="https://creatorlms.example.com/" target="_blank" rel="noopener"
                   data-fullurl="https://creatorlms.example.com/">
                  <span class="url-text">…xample.com/</span>
                </a>
                <button class="btn btn-outline-secondary btn-sm"
                        type="button"
                        onclick="copyUrlFromEl(this)"
                        data-url="https://creatorlms.example.com/">
                  복사
                </button>
              </div>
            </td>
            <td>
              <span class="badge text-bg-light">KO</span>
              <span class="badge text-bg-light">EN</span>
              
            </td>
            <td>128,402</td>
            <td><span class="badge text-bg-success">노출</span></td>
            <td>
              <a href="app.php?p=page/site/page_modify.html" class="btn btn-outline-secondary btn-sm">수정</a>
            </td>
          </tr>

<tr>
            <td class="fw-semibold">11</td>
            <td class="page-name">
              <a href="app.php?p=page/site/page_form.html" class="text-decoration-none">요금제</a>
            </td>
            <td class="url-col">
              <div class="url-wrap">
                <a class="url-link text-decoration-none" href="https://creatorlms.example.com/pricing" target="_blank" rel="noopener"
                   data-fullurl="https://creatorlms.example.com/pricing">
                  <span class="url-text">…om/pricing</span>
                </a>
                <button class="btn btn-outline-secondary btn-sm" type="button"
                        onclick="copyUrlFromEl(this)"
                        data-url="https://creatorlms.example.com/pricing">
                  복사
                </button>
              </div>
            </td>
            <td>
              <span class="badge text-bg-light">KO</span>
              <span class="badge text-bg-light">EN</span>
            </td>
            <td>54,110</td>
            <td><span class="badge text-bg-success">노출</span></td>
            <td>
              <a href="app.php?p=page/site/page_modify.html" class="btn btn-outline-secondary btn-sm">수정</a>
            </td>
          </tr>

<tr>
            <td class="fw-semibold">10</td>
            <td class="page-name">
              <a href="app.php?p=page/site/page_form.html" class="text-decoration-none">블로그</a>
            </td>
            <td class="url-col">
              <div class="url-wrap">
                <a class="url-link text-decoration-none" href="https://creatorlms.example.com/blog?category=update" target="_blank" rel="noopener"
                   data-fullurl="https://creatorlms.example.com/blog?category=update">
                  <span class="url-text">…gory=update</span>
                </a>
                <button class="btn btn-outline-secondary btn-sm" type="button"
                        onclick="copyUrlFromEl(this)"
                        data-url="https://creatorlms.example.com/blog?category=update">
                  복사
                </button>
              </div>
            </td>
            <td>
              <span class="badge text-bg-light">KO</span>
            </td>
            <td>18,902</td>
            <td><span class="badge text-bg-success">노출</span></td>
            <td>
              <a href="app.php?p=page/site/page_modify.html" class="btn btn-outline-secondary btn-sm">수정</a>
            </td>
          </tr>

<tr>
            <td class="fw-semibold">9</td>
            <td class="page-name">
              <a href="app.php?p=page/site/page_form.html" class="text-decoration-none">이벤트 랜딩(봄 프로모션)</a>
            </td>
            <td class="url-col">
              <div class="url-wrap">
                <a class="url-link text-decoration-none" href="https://creatorlms.example.com/landing/spring-2026" target="_blank" rel="noopener"
                   data-fullurl="https://creatorlms.example.com/landing/spring-2026">
                  <span class="url-text">…ng/spring-2026</span>
                </a>
                <button class="btn btn-outline-secondary btn-sm" type="button"
                        onclick="copyUrlFromEl(this)"
                        data-url="https://creatorlms.example.com/landing/spring-2026">
                  복사
                </button>
              </div>
            </td>
            <td>
              <span class="badge text-bg-light">KO</span>
              <span class="badge text-bg-light">EN</span>
              
            </td>
            <td>9,441</td>
            <td><span class="badge text-bg-secondary">비노출</span></td>
            <td>
              <a href="app.php?p=page/site/page_modify.html" class="btn btn-outline-secondary btn-sm">수정</a>
            </td>
          </tr>

<tr>
            <td class="fw-semibold">8</td>
            <td class="page-name">
              <a href="app.php?p=page/site/page_form.html" class="text-decoration-none">문의하기</a>
            </td>
            <td class="url-col">
              <div class="url-wrap">
                <a class="url-link text-decoration-none" href="https://creatorlms.example.com/contact" target="_blank" rel="noopener"
                   data-fullurl="https://creatorlms.example.com/contact">
                  <span class="url-text">…om/contact</span>
                </a>
                <button class="btn btn-outline-secondary btn-sm" type="button"
                        onclick="copyUrlFromEl(this)"
                        data-url="https://creatorlms.example.com/contact">
                  복사
                </button>
              </div>
            </td>
            <td>
              <span class="badge text-bg-light">KO</span>
              <span class="badge text-bg-light">EN</span>
            </td>
            <td>6,203</td>
            <td><span class="badge text-bg-success">노출</span></td>
            <td>
              <a href="app.php?p=page/site/page_modify.html" class="btn btn-outline-secondary btn-sm">수정</a>
            </td>
          </tr>
        </tbody>
      </table>
    </div>

<div class="d-flex justify-content-end mt-3">
      <a href="app.php?p=page/site/page_form.html" class="btn btn-primary">페이지 추가</a>
    </div>

if (navigator.clipboard && navigator.clipboard.writeText) {
      navigator.clipboard.writeText(url).then(function(){
        alert('URL을 복사했습니다.');
      }).catch(function(){
        prompt('복사에 실패했습니다. 아래 URL을 복사하세요.', url);
      });
      return;
    }
    // 구형 브라우저 fallback
    prompt('아래 URL을 복사하세요.', url);
  }
</script>

간단 소스 편집기