I checked this and I'm still a bit confused.
1) I would like to embed WWB page into another page, so I would like to have all extra files in a root folder of that WWB page. that is not only images and CSS, but also PHP and JS. Shall I leave these folder names empty in the File Extension window ?
2) Additional question: is it possible to place WWB generated styling inline inside HTML files (so I do not have to reference them) ?
3) Is it possible to keep all images, CSS, JS in one global folder for entire site (instead of having each page keep its own subfolders ?
==================================================
Here is one scenario:
I created a page in WWB. The fragment of code below:
Code: Select all
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Digital Agency</title>
<meta name="generator" content="WYSIWYG Web Builder 20 - http://www.wysiwygwebbuilder.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/polish_info.css" rel="stylesheet">
<link href="css/Polinfo_services.css" rel="stylesheet">
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/jquery.ui.effect.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(event)
{
var sectionTeam_card_item0 = document.querySelector('#sectionTeam-card-item0');
I would like to automate replacing the HREF's with this (below). The page blow is a PHP page in which I want to embed WWB page (above).
For the reason I am not going to explain here I cannot place the embeded WWP page into the same folder where the parent PHP page is.
Code: Select all
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Digital Agency</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="wb/css/polish_info.css" rel="stylesheet">
<link href="wb/css/Polinfo_home_page.css" rel="stylesheet">
<script src="wb/js/jquery-3.7.1.min.js"></script>
<script src="wb/js/jquery.ui.effect.min.js"></script>
<script src="wb/js/popper.min.js"></script>
<script src="wb/js/bootstrap.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function(event)
{
var sectionTeam_card_item0 = document.querySelector('#sectionTeam-card-item0');
var bssectionTeam_card_item0 = new bootstrap.Tooltip(sectionTeam_card_item0, {placement:'top', html: true, sanitize: false, title: '<span
another words I need to update the paths to something you see in the second section of code.
What do I need precisely in the File extensions path ?
The structure would look like this:
FOLDERs:
/MYPAGE/
MyPage1.php
-----/WB/
-----------WWB-Page.html
----------------------------/IMG/
-------------------------------------Image1
-------------------------------------Image2...
-----------------------------/CSS/
-------------------------------------file1.css
-------------------------------------file2.css
------------------------------/JS/
--------------------------------------File1.js
and so on
As you see all I need to add is "/wb/" into all generated pages in all references. Since I am going to have many of these, way to many to do this manually, I need some kind of automation. Then when I copy generated WWB page into /wb/ folder I do not have to do anything else and all subfolders will be referenced in the parent page correctly.
One problematic issue is that the setting you recommended seems to be global and I need it per project. In some projects I would not need this re-routing at all.