>웹 프론트엔드 >JS 튜토리얼 >Just inute에서 모든 웹사이트를 복제하고 무엇이든 편집하세요

Just inute에서 모든 웹사이트를 복제하고 무엇이든 편집하세요

PHPz
PHPz원래의
2024-07-26 17:47:40720검색

저는 웹사이트, 전자상거래, 애플리케이션 개발을 위한 매우 강력한 도구를 개발했습니다. 제 생각에는 WordPress보다 훨씬 낫습니다. 커뮤니티의 피드백을 기대하고 있습니다.

이 도구를 소개하는 기사 시리즈 중 첫 번째 기사입니다

시작하기

github이나 당사 홈페이지에서 다운로드 후 클릭하여 실행하세요.

https://www.github.com/kooboo/kooboo

https://www.kooboo.com/downloads

설치가 필요하지 않습니다. 계정을 등록하고 로그인하세요.

Clone Any Website and Edit Anything in Just inute

웹사이트를 복제하고 무엇이든 직접 편집하세요

위 화면에서 '새 사이트'를 클릭하고 URL을 입력하세요

Clone Any Website and Edit Anything in Just inute

"복제 시작"을 클릭하세요

Clone Any Website and Edit Anything in Just inute

단 1~2분 만에 원본 웹사이트의 정확한 복제본을 만들고 무엇이든 직접 편집할 수 있습니다.

Kooboo site ready

인라인 편집

Kooboo를 사용하면 정적 또는 동적 콘텐츠, 텍스트, 이미지, 스타일시트 등 무엇이든 인라인 편집할 수 있습니다.

이 기능을 사용하려면 위 스크린샷과 같이 '관리'로 이동하여 왼쪽 메뉴에서 '페이지'를 클릭하고 페이지를 선택한 후 '인라인 편집'을 클릭하세요.

Clone Any Website and Edit Anything in Just inute

이제 아무 곳이나 클릭하고 직접 변경할 수 있는 인라인 편집 모드에 있습니다.

Clone Any Website and Edit Anything in Just inute

소스 코드 IDE 편집

Kooboo 개발 모드를 사용하면 개발, 디버깅 및 배포를 위한 모든 기능을 갖춘 웹 IDE에 액세스할 수 있습니다.

Kooboo development mode

VueJs 구문과 완벽하게 호환되는 템플릿 엔진이 포함되어 있으며 env=server 태그를 통해 서버 측에서 JavaScript를 실행할 수 있습니다.

아래 샘플 코드는 데이터베이스에서 콘텐츠 목록을 읽어와 목록으로 표시합니다.

<script env="server">
    var services=k.content.service.all()
</script>
<div env="server" v-for="service in services">
    <span>{{service.title}}</span>
</div>

돔 트리 편집

Kooboo를 사용하면 단일 Dom Tree처럼 전체 웹사이트를 편집할 수 있습니다. 변경 사항은 동일한 Dom 구조를 가진 여러 페이지로 업데이트됩니다.

Clone Any Website and Edit Anything in Just inute

위 내용은 Just inute에서 모든 웹사이트를 복제하고 무엇이든 편집하세요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.