givanz / VvvebJs

Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
https://www.vvveb.com/vvvebjs/editor.html
Apache License 2.0
7.1k stars 1.62k forks source link

The website templates does not load + .... #160

Open Starbors opened 4 years ago

Starbors commented 4 years ago

Hello, how are you?

The website template does not load The Advanced is just for nothing

Starbors commented 4 years ago

And l just wanted to say

l don't want to allow people to change the © Company 2017 "20200" Part l used the data-vvveb-disabled But it still did not work

Demo: <p data-vvveb-disabled>You cant edit this</p>

givanz commented 3 years ago

Hi

If the editor does not load or the template can't be edited make sure that you use the editor from xampp/apache, if you open it directly from filesystem it will not work because of recent browser iframe security changes.

Advanced tab is not currently used by any existing component but new components can add properties to advanced tab.

data-vvveb-disabled css rule is provided by css/vvvebjs-editor-helpers.css please make sure that this file is present on your server, it is added automatically by the editor in the head tag in the edited template.

Additionally you can paste the css from vvebjs-editor-helpers.css directly in your template css file

[data-vvveb-disabled] {
  pointer-events: none;
  position: relative; }
  [data-vvveb-disabled]::after {
    content: "Non-editable area";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    background: rgba(252, 252, 252, 0.85);
    border: 1px dashed #999;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; }
abulka commented 3 years ago

Advanced tab is not currently used by any existing component but new components can add properties to advanced tab.

@givanz Would you have any doco on adding properties to the advanced tab? #106 also seems to be asking.

Do you think it's possible for me to design components or enhance existing components to add a javascript scripting area in the advanced tab and get that component user script exported into the html? Any hints on how to integrate this into the html code generation process?