Open Starbors opened 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>
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; }
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?
Hello, how are you?