DEV Community

Cover image for Clone Any Website and Edit Anything in Just 1 Minute
Guoqi Zheng
Guoqi Zheng

Posted on

Clone Any Website and Edit Anything in Just 1 Minute

I have developed a super powerful tool for website, e-commerce, and application development. In my opinion, it is so so much better than WordPress. I am looking forward to hearing feedback from the community.

This is the first in a series of articles introducing this tool

Getting Started

Download from github or our website and click to run,

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

https://www.kooboo.com/downloads

No installation needed, register an account and login.

Kooboo Start

Clone any website and editing anything directly

Click "New site" on above screen, and enter any URL

Kooboo clone website

Click "Start Clone"

kooboo clone progress

In just 1 or 2 minutes, you can create an exact clone of the original website and have the ability to edit anything directly.

Kooboo site ready

Inline Editing

Kooboo allows you to inline edit anything, whether it is static or dynamic content, text, images, or stylesheets.

To use this feature, go to "Administration" as shown in the screenshot above, click on "Page" in the left menu, select a page, and then click "Inline edit."

Kooboo inline edit

You are now at inline edit mode that allows you to click anywhere and change anything directly.

Kooboo inline edit browser

Source Code IDE Editing

The Kooboo development mode grants you access to a full functional web IDE for development, debugging and deployment.

Kooboo development mode

It contains a template engine fully compatible with VueJs Syntax, and allow you to run JavaScript in the server side by env=server tag;

Below sample code read content list from database and display them as a list.


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

Enter fullscreen mode Exit fullscreen mode

Dom Tree Editing

Kooboo allow you to edit the entire website like a single Dom Tree. Changes will be updated to multiple pages with the same Dom structure.

Kooboo development dom tree

Top comments (2)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.