Online Webpage Builder With jQuery And Bootstrap - VvvebJs

데모를 확인하기 위해서는
PHP가 구동되는 웹서버가 필요합니다.

웹서버에 다운로드 받은 파일을 업로드 하고,
압축을 해제한뒤에,
웹브라우저로 접속가능한 도메인(localhost 또는 IP주소등) 으로 
접속한 뒤에 editor.html URL로 접속하면 됩니다.

웹브라우저를 이용해서,
웹페이지에 표시되는 요소(이미지,텍스트,레이어 등등) 를 편집할수 있는 기능을 제공해줍니다.

가령 앨범 페이지를 편집하려고 했을 때
샘플로 만들어둔 페이지(틀) 의 이미지 요소를 변경하기 위해서,

위 그림 처럼 화면에 표시하는 이미지를 선택한 뒤에

이미지 파일을 선택하거나 ,
직접 보유하고 있는 이미지 파일을 업로드 하면

화면에 표시되는 이미지를 보여주고자 하는 이미지로 변경하실 수 있겠습니다.


이미지를 변경하는 것 이외에도
화면에 표시되는 텍스트를 조절하거나,

각각의 요소마다 부여할 style 이나, 

클릭시 이동할 링크주소를 지정하거나 등등
웹페이지를 제작할 때 소스코드를 편집하던 코딩 작업을 해야 하던 것에서,
웹브라우저를 이용해서 바로 편집하고,
편집된 결과물을 웹브라우저를 통해서 확인하고 하는게 가능해지네요.


GitHub - givanz/VvvebJs: Drag and drop website builder javascript library.

에서 이 라이브러리에 대한 자세한 내용이 확인이 가능하겠습니다.