Что нового в WYSIWYG Web Builder 15?
Оригинальный текст
Direct2D rendering
The graphics engine for workspace rendering has been completely redesigned using hardware acceleration (direct 2d), for better performance and higher quality graphics during design time. This means rendering should be much faster and the graphics will be sharper even when zooming in/out.
New Icons
The ribbon, toolbars, menus and toolbox have redesigned icons. The style is thin, lined & colored, inspired by the new icons introduced by Microsoft® in the products of Office 365® and 2019 suites.
The icons have been optimized for High DPI (100%, 150% and 200%)
Secure FTP
Secure FTP support is now built-in, without the need to install an extension.
The following protocols are supported:
• FTP with TLS/SSL (Port 990 - Implicit)
• FTP with TLS/SSL (AUTH TLS - Explicit)
• SFTP using SSH2 (Secure Shell)
Shape Dividers
- New feature: Added Shape divider to layer, layout grid and flex box container. Shape dividers are SVG based shapes that can be used to separate the sections of a page.
There are more than a dozens shapes you can choose from, but you can also add custom shape SVG files.
Shapes dividers can be added at the top or bottom (or both) of a layer.
The color specifies the color of the shape. The width specifies the width in percentages, this can be useful if you only want to display a smaller part of the shape, for example 200%, clips the left and right part of the shape.
The height is in pixels.
Shapes can be flipped horizontally/vertically. This makes it possible to use shapes that were designed to be used at the top, also at the bottom (flip vertically).
The arrangement property controls whether the shape will be displayed underneath the content or on top of content.
Shapes dividers are SVG files and are stored in the folder 'dividers' of the application folder.
Unsplash Integration
- New feature: Browse thousands of free-to-use, high quality images from Unsplash directly within WYSIWYG Web Builder.
Border Images
- New feature: Added 'Border Image' support. With border images you can create complicated, visually rich borders around elements like text, images, layers, layout grid etc.
Besides built-in pre-defined border images you can also use your own images. The border images have several repeat options like repeat, space, round or stretch.
Toasts
- New feature: Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. They can be displayed at page load or with delay. Multiple Toasts will automatically stack vertically.
Wrap Text
- New feature: Added support for floating layout, so the 'Wrap Text' can be used inside a layout grid. This makes it possible to wrap text around images or other objects. Child elements can either float left or right.
- New feature: Added experimental support for CSS's shape-outside. This will wrap the text around the outline of a (transparent) image or shape, making it possible to wrap text around complex objects rather than simple rectangular boxes. Note that this will only work in modern browsers (Safari, Chome, FireFox, not in IE or Edge!)
Card Container
- New feature: Added 'Card Container' object. This is a dedicated container for Cards to simplify laying out a series of cards.
The Card Container has the following layout options:
- card deck: automatically aligns the cards horizontally with equal width and height. Even with different content lengths!
- card columns: organize the cards into Masonry-like columns. Cards are ordered from top to bottom and left to right.
- carousel: displays the cards in an animated carousel. The number of cards per slide and spacing is configurable per breakpoint. It is also possible to set how many cards will be scrolled per page. When you set a negative delay, the carousel will scroll continuously (like a Conveyer Belt).
The card carousel can be controlled via events: media play, media stop, slideshow next, slideshow previous
Note: of course you can still use layout grids, flexbox or flexgrid for laying out cards.
Cards
- New feature: Added 'Copy' button to quickly clone a card item.
- New feature: Added the ability to set the alignment for each text item indivually, including justify.
- New feature: Added 'HTML' card item type. This adds the ability to add custom HTML items to the card. For example, Google Maps, Facebook scripts etc.
- New feature: Added the ability to add padding between border and image of a card item.
- New feature: Added the ability to set the line height for text items.
- New feature: Added support for animations and transitions to card items. Each card item can have its own animations and transitions! Transitions can also be synhronized. This can be useful if you want to trigger all transtions at the same time when you move the mouse over the card instead of over each card item individually.
- Improved: Card properties dialog is now resizable.
Flex Grid
- New feature: Added the ability to save custom flexgrid templates. It is also possible to edit or remove pre-defined templates.
- New feature: Added 'Easy Mode'. Many users have asked an easier way to control the flexgrid without having to deal with flexbox.
In "Easy Mode, the flexgrid behaves just like the Layout grid.
Layout Grid
- New feature: Added 'Footer (fixed)' and 'Footer (floating)' mode. This makes it possible to use a layout grid as (fixed) footer. This also works with master pages.
- New feature: Added 'Sticky' mode. A sticky Layout Grid is treated as relatively positioned element until it reaches the top, at which point it is sticks to the top. This is standard HTML feature that only works in modern browsers (not in IE/Edge).
- New feature: Added 'pattern overlay'. Add semi transparent pattern overlays to the background image/video.
Flex Container
- New feature: Added 'Footer (fixed)' and 'Footer (floating)' mode. This makes it possible to use a Flex Container as (fixed) footer. This also works with master pages.
- New feature: Added 'Sticky' mode. A sticky Flex Container is treated as relatively positioned element until it reaches the top, at which point it is sticks to the top. This is a relative new HTML feature and requires a modern browser: https://caniuse.com/#search=sticky
- New feature: Added 'pattern overlay'. Add semi transparent pattern overlays to the background image/video.
Text
- Improved: The text editor is now fully integrated into the workspace. WWB no longer loads an overlay editor, but handles all editing internally (via ITextHost): faster, same rendering in edit/display mode, more control.
- Improved: HTML code generator for text has been completely redesigned with direct RTF to HTML conversion for more accurate rendering results.
- Improved: Line spacing now supports 2 decimals after the comma: 1.05, 1.14 etc.
- New feature: Added 'Redo' support to text editor.
- New feature: Added 'List' support! Bullets, Numbering, Alphabetic, Roman styles.
- New feature: Added Paragraph properties for indent, space before/after.
- New feature: Added Ribbon Mini Toolbar ("Floaty"). Microsoft Office-style mini toolbar is a semi-transparent toolbar appearing right near the cursor, providing quick access to text formatting tools.
- New feature: Added 'Format Painter' functionality to text editor to quickly apply the same formatting to other text.
- New feature: Added colored Emoji support (requires Windows 10).
- New feature: Added support for small inline images in text (requires Windows 10).
- New feature: Added ‘Paste (keep text only)’ command. This will paste the text from the clipboard without formatting. Also available via Ctrl+Shift+V
Marquee
- Improved: The unofficial <marquee> tag has been replaced with CSS3 animations for better compatibility with (modern) browsers. W3C compliant!
- New feature(s): The Marquee object now supports the same editing and styling options as standard text: styles, line spacing, letter spacing, bullets, find/replace, lorem ipsum, responsive fonts etc.
- New feature: Added 'star wars' behavior. Implements Stars Wars-like 3D scrolling.
Shape/ClipArt/TextArt
- Improved: Now uses CSS transforms for rotation.
- Improved: Exported SVG now uses cublic beziers for much better graphics.
- Improved: Added support for gradient/pattern and texture border styles in exported SVG.
- Improved: ClipArt symbol selection dialog.
- Improved: Webdings, Wingdings, Wingdings2 and Wingdings3 display more symbols in ClipArt selection dialog (> 200 instead 100).
- New feature: Added support for "Segoe UI Emoji" symbols to ClipArt (Windows 10).
- New feature: All supported Icon Libraries can now also be used in ClipArt!
- New feature: Added the ability to output shape text as HTML: 'Publish as HTML'.
- New feature: Added 'SVG path animation' option. This adds the ability to animate the border (stroke) of SVG shapes, textart, clipart. This makes it look like the shape/text is drawn on the web page in real-time;)
Styles
- New feature: Added 'Copy Style' and Paste Style' command to object's context menu. This make it possible to quickly copy style properties to multiple objects (in addition to the format painter).
Theme Colors
- New feature: Added 'Theme Colors'. Inspired by the MS Office color picker.
By default, WYSIWYG Web Builder's color picker displays a standard color palette with 140 standard web colors.
With the 'Theme color' option (inspired by the MS Office color picker) you can configure a custom color palette of 12 colors. The light and dark variants of these colors will be generated automatically.
Besides the ability to customize the colors, it is also possible to synchronize the colors when they are modified or when you select a different color theme.
Preloader
- New feature: Added the ability to an animated preloader image to the page (in Page Properties). 10 (gif) animation are included, but you can also add use own images.
A preloader (alos known as loading screen) is what you see on some sites before the main content of the web page is loaded.
Preloaders are simple (GIF) animations that are used to keep visitors entertained while server operations finish processing.
WYSIWYG Web Builder can display a (semi transparent) overlay with animated gif when the website loading is in progress. It will disappear right after the page loads.
A collection of standard preloader images is included, but you can also add your own animations by adding a custom gif image to the 'preloader' folder.
Style Manager
- New feature: Added 'Filter' properties. The filter property defines visual effects, like blur, brightness, contrast, grayscale, hue-rotate, invert, saturate and sepia. The effect will be applied to the obejcty and all its children.
- New feature: Added 'Backdrop Filter' properties. The backdrop-filter property lets you apply graphical effects to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent.
- New feature: Added support for border-images. Select Border Style->image and then Border Settings to configured advanced borders.
Page
- New feature: Added 'Design Layout' view mode. Renders the page in a frame, centered on the screen.
- New feature: Added support for 'drag & drop' re-arrange of floating elements. You can now drag/drop a floating layer (layout grid/flexbox) before or after another floating object.
- New feature: Added the ability to set the 'highlight color' in Guide Settings. This specifies the color of insert markers in layout grids and other containers.
- New feature: Added 'Facebook App ID' property (fb:app_id) to Open Graph Meta Tags. Facebook App ID tags lets Facebook know the identify of your site, which provides additional benefits like social analytics, comments moderation and authentication capabilities to your site.
- Improved: 'Disable scroll transitions on small screens' in Page Properties now also disables parallax effect.
SEO
- Improved: Search Engine Optimization settings now have a dedicated section in the page properties.
- New feature: Added 'Canonical URL' property. If you have different pages with similar content (for example, a page with both a mobile and a desktop version), Google sees these as duplicate versions of the same page. Google will choose one URL as the canonical version and crawl that, and all other URLs will be considered duplicate URLs and crawled less often.
More information: https://support.google.com/webmasters/a ... 9066?hl=en
- New feature: Added 'hreflang' configuration. The hreflang attribute tells Google which language you are using on a specific page, so the search engine can serve that result to users searching in that language. The links will also be added to the site map.
More information: https://support.google.com/webmasters/a ... 9077?hl=en
Web Icons
- Improved: Web Icons settings now have a dedicated section in the page properties.
- New feature: Added the ability to add 32x32 and 64x64 favorite icons to support modern browsers. These icons are in standard PNG format.
- New feature: Added the ability to configure multiple Apple Touch Icons to target different devices.
General
- New feature: Added "Open the most recent used page of the project" option. When loading the project, this will open the page that was active when you last saved the project.
- New feature: Added option to enable/disable ctrl+click+drag (duplicate objects) functionality.
- New feature: Added confirmation window for 'Easy Mode'.
- New feature: Added 'Reset Workspace' option. This will reset the window layout to the initial state.
- New feature: The first time you start WWB, it will ask you if you want to import the settings from a previous version.
- New feature: Added 'AutoSave' option. This automatically saves the active project at the specified interval.
- New feature: Added 'Publish navigation icons as SVG image'. This will output the icons as embedded SVG (scalable vector image) instead as font and reduces the overall size of the website if you only use a few icons.
- New feature: Added Visual Studio 2019 Light Blue theme (Tools -> Options -> User Interface -> Color Scheme)
Response Web Design
- New feature: Added 'Automatically scale new objects in other breakpoints' option (Tools -> Options -> General).
Normally when you insert a new object, it will be inserted at the same position and with the same size as the default view. The new option 'Automatically scale new objects in other breakpoints' is enabled, new objects will automatically scale and reposition in other breakpoints relative to the breakpoint size. It will also scale the font size of some objects when possible. This may speed of the implementation of (fixed) responsive layouts.
- Improved: The option "Include min-width in CSS3 media queries " has been replace with “Activate breakpoints when browser window is smaller than the device width” and “Activate breakpoints when browser window is larger than the device width” to make the functionality more clear. Also, ‘max-width’ has been renamed to ‘device width’.
Object Manager
- Changed: 'Allocated filenames' has been renamed to 'Internal filenames'.
- Improved: Added the ability to re-arrange objects using drag & drop before and after other objects.
- Improved: Added the ability to re-arrange objects using drag & drop on layers (including layout grid/flexbox).
- Improved: Added the ability to move objects between floating layers (including layout grid/flexbox). This is not possible for fixed layout becuase then you have no visible feedback where the object will move to!
- New feature: Added 'Assets Folder' property (context menu). This adds the ability to specify a different output folder per object! For example, set the images folder for one object (gallery) to a different folder. This overrides the global publish settings.
Publish
- New feature: Added the possibility to use wildcards in Publish File types (Tools->Options->Publish). This makes it possible to publish specific files (based on the filename, in addition to file extensions) to a different folder.
- Improved: Publish File types are now saved in the project file so they can be different for each project.
Preview
- Improved: Added 'Preview current page' option in addition to 'Preview entire website'.
- Improved: Added 'PHP Preview Warning'. When you try to preview a website with PHP, the application will now display a warning that the pages may not display correctly, because PHP can only be viewed online through a web server.
Verify Links
- New feature: Added 'Filter' option. This make it possible to filter links to make it easier to find URLs when you have a long list of links.
Events
- New feature: Added 'self' target. When you select this as the target then WWB will automatically use the ID of the current object. This may be useful when you copy the object, so you do not have to manually edit the 'self' events.
- New feature: Added 'enable' and ‘disable’ actions. This can be used to disable/enable a form elements (button, checkbox, radio button, editbox, combobox, textarea).
Mega Menu
- New feature: Now supports font icons, this replaces the (fixed) jQuery UI icon set. Not only will this give you a wider selection of icons, but with will also improve the quality of the images.
- New feature: Added the ability to set a different icon for each link (instead of one global bullet icon).
- New feature: Added property to change the category text color.
- Improved: body scrollbar will be hidden, when the mobile drop down menu is active.
Overlay Menu
- Improved: Button colors are now responsive, so they can be different in breakpoints.
Panel Menu
- New feature: Added Link transitions. This adds the ability to animate the background or border of the menu items. Includes 18 transition effects: fade, slide, scale, rotate, underline, overline etc.
- Improved: Panel background color can now be semi-transparent (alpha) when in overlay mode.
- Improved: Added support for semi-transparent (alpha) borders.
CSS Menu
- New feature: Added Link transitions (main and sub items). This adds the ability to animate the background or border of the menu items. Includes 18 transition effects: fade, slide, scale, rotate, underline, overline etc.
- New feature: Added the ability to set the alpha value of the shadow color (for main and sub menu).
Themable Menu
- New feature: Now supports font icons, this replaces the (fixed) jQuery UI icon set.
- New feature: Added support for drop down animations in Bootstrap menu: fade, slide and scale.
- New feature: Added the ability to set the border color (and alpha) of the mobile trigger button.
Themable Button
- New feature: Now supports font icons, this replaces the (fixed) jQuery UI icon set.
Pagination
- Improved: Using ellipse ("...") as text will disable the link.
- New feature: Added the possibility to display ellipses when synchronized with the Site Manager. Set 'Start at' to -1. Visible items specifies how many adjacent pages should be shown on each side of the current page.
CSS Animations/transitions
- New feature: Added 24 new easing functions, inspired by jQuery UI: ease-in-quad,ease-out-quad,ease-in-out-quad,ease-in-cubic,ease-out-cubic,ease-in-out-cubic,ease-in-quart,ease-out-quart,ease-in-out-quart,ease-in-quint,ease-out-quint,ease-in-out-quint,ease-in-sine,ease-out-sine,ease-in-out-sine,ease-in-expo,ease-out-expo,ease-in-out-expo,ease-in-circ,ease-out-circ,ease-in-out-circ,ease-in-back,ease-out-back,ease-in-out-back
- New feature: Added 8 new animations: flip-in, flip-out, fold, unfold, turbine-in, turbine-out, swoop-in, swoop-out
- New feature: Added alpha support to transition colors. This also works with scroll transitions!
Inline Frame
- New feature: Added "Enable Safari Mobile fix" option. This implements a workaround for inline frames ignoring the specified height on the iPhone/iPad.
Accordion
- New feature: Added horizontal accordion mode!
- New feature: Added 'Rotate' mode. This enables automatic cycle through panels with configurable duration.
- New feature: Added the ability to set individual colors for accordion header background.
Tabs
- New feature: Added ‘Active tab’ option. This specifies the tab that will be initially displayed. Can be set to 'false' to display none at start (in combination with ‘collapsible’).
Logout button
- New feature: Added text alignment property.
- New feature: Added padding property.
Login
- New feature: Added "Redirect to previous page". When this option is enabled, the user will be redirected to the previous page after successful login.
- Improved: Login create/edit database tool now also works with Secure FTP.
Sign Up / Password Recovery
- New feature: Added PHP Mailer support with SMTP authentication.
Image
- New feature: Added 'html overlay' to watermark options. This adds a text overlay to the image (instead of merging the text with the image). This provides a quick way to add text on top of an image in floating layouts. Also supports hover only, which displays the text on mouse over.
- Improved: The 'Frames' option has been replaced by the standard CSS 'border-image'. Adding a frame (now border image) will no longer affect the image size, quality or make it non-responsive.
Background Properties
- New feature: Added new background repeat option: space. The background-image is repeated as much as possible without clipping.The first and last images are pinned to either side of the element, andwhitespace is distributed evenly between the images.
- New feature: Added new background repeat option: round. The background-image is repeated and squished or stretched to fill the space (no gaps).
Photo Collage
- New feature: Added 6 new animations: move up, fall, fly, flip, helix, popup
- New feature: Added "Customize' option. This add the ability to create custom layouts for the Photo Collage.
- New feature: Added "Lazy Load“ option. This implements ‘onscrollreveal’ functionality, so the animations will start when the gallery scrolls into the viewport.
Lazy Load
(Note: lazy load is available for images, photo gallery, rollover image, rollover text)
- New feature: $LAZYLOAD_EFFECT$" site variable. Adds the ability to set an animation for lazy load: blind, bounce, drop, fade, fold, pulsate, puff, scale, shake, slide
- New feature: $LAZYLOAD_DURATION$" site variable. Specifies the duration of the animation.
Rotate
- Improved: All rotatable objects now have a rotation handle to provide quicker way to rotate the object.
Slideshow
- New feature: "Image Carousel" and "Conveyer Belt" now have their own icons in the toolbox to make it easier to add these items to web pages.
- New feature: Added 'Image Accordion' mode. Implements a horizontal image accordion, using CSS only. With animation and caption support. The 'Image Accordion' also has its own icon in toolbox for quick access.
Photo Gallery
- Improved: 'Frames' now use the standard CSS 'border-image'. Adding a frame/border image will no longer affect the original image size or quality and adds other useful features like border image size, repeat and scaling.
- Improved: Added the ability to set the target window for Instagram links.
Carousel
- New feature: Added 'Pause cycling on mouse enter' option. If enabled this pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave.
- New feature: Added 'Fade' transition (in addition to slide) to Bootstrap Carousel. Note: all other transitions are not supported by Bootstrap!
- New feature: Added touch support to Bootstrap Carousel.
- New feature: Added new built-in navigation large arrows. To use the new arrows, enter '{' for previous and '}' for next in the filename fields.
- Improved: Bootstrap carousel - Upgraded to Bootstrap 4.
Forms
- New feature: Added "Create a responsive form using layout grids" option to the Form Wizard. The Form Wizard can now create flexible/responsive forms. The option will automatically be selected if the page already contains layout grids.
- New feature: Added 'Spacing' option to the Form Wizard. This set the spacing between the controls of the created form.
- New feature: Added the ability to set a Dialog (jQuery UI or Bootstrap) as form target. This makes it possible to display the success or error page in a popup. Add a dialog to the page and select the ID of the Dialog in the form's target property. All the necessary code will be generated automatically!
- New feature: Added new site variables to customize form error messages: $FORMERROR_EMAIL$, $FORMERROR_URL$, $FORMERROR_FILESIZE$
- New feature: Added 'Do not allow URLs in form data' option. This option may help to prevent spam by blocking messages that include links.
- New feature: Added the ability to configure the ‘From name’ for the email message. It is also possible to use a PHP variable. For example, S_POST[‘name’] where ‘name’ is the name of the input field.
- New feature: Added the ability to configure the ‘Reply To’ for the email message. 'Reply to' can be used to specify an alternative reply address. 'Reply To' can be a fixed email address 'yourname@email.com' or a PHP variable: $_POST['email'].
- Improved: CSV data file wizard now also works with Secure FTP.
Editbox, Textarea, Checkbox, Radio Button, File Upload
- New feature: Added Bootstrap-like input validation. Note: for checkbox, Radio Button, File Upload 'use default browser style' should be unchecked!
Combobox
- New feature: Added 'HTML5' validation. For this to work, the value of the first item should be empty.
- New feature: Added Bootstrap-like validation.
Dialog
- New feature: Added 'Open' and 'Close' events. The 'Open' event is fired when the dialog has been made visible to the user. The 'Close' event is fired when the modal has finished being hidden from the user.
A practial example would be to to disable the submit button after a form has triggered the dialog on submitted the form.
- Improved: Bootstrap dialog - Upgraded to Bootstrap 4.
- New feature: Bootstrap dialog - Added support for horizontal and vertical alignment.
Layer
- New feature: Added 'lightbox' mode. This makes it possible to display the content of the layer in a lightbox. The lightbox can be opened/closed via events (show/hide). Supported lightboxes: fancybox, magnificpopup, colorbox, lightcase, prettyphoto, swipebox, tosrus, venobox.
- New feature: Added 'pattern overlay'. Add semi transparent pattern overlays to the background image/video.
FlipSwitch
- New feature: Added "Flip Switch" object. A "Flip Switch" (also known as Toggle switch) can be used as alternative for a checkbox. Inspired by the iPhone checkbox. It is possible to use different colors (text/background/border) for checked/unchecked, add animations, conditions and events.
Button
- New feature: Added the ability to use the (form) button as a link. Although the button is mainly for use with Forms, many users have requested this feature, so now it's (finally) possible.
Animations
- New feature: Added 'Merge' option. This option will merge the default animations with your own collection.
Why? We regularly add new animations to the default collection. However, if you have customized animations then your custom collection will not be overwritten, so this means that new animations ate not added to your list automatically. The 'Merge' option will make it easier to add these new animations to your custom collection.
if you do not have modified animations then the merge button will be disabled.
HTML
- New feature: Added 'full width' option. When the HTML object is used in a layout grid, the div container can now be edge-to-edge.
Site Search
- New feature: Added Autocomplete padding to set the spacing around the items in drop down list.
- New feature: Added 'open page' mode to Autocomplete. Clicking an item in the Autocomplete drop down list will immediately open the page. This makes it possible to implement a search field without a 'results' section.
Rollover Text
- Improved: All animations now support easing (including the CSS based animations).
- Improved: New lines in description are converted to line breaks <br>.
- New feature: Added the ability to set background color, border and padding of the link, so you can make it looks like a button.
- New feature: Added 'Vertical alignment' property for use in combination with position -> full.
- New feature: Added 14 new animations: lines (horizontal & vertical), flip (horizontal & vertical), flip, 3d flip (horizontal & vertical), 3d carousel (horizontal & vertical), box (move, zoom, scale)
Ready-to-use-JavaScripts
- Improved: All scripts now support the same font sizes as in the rest of the application.
- Improved: Added recent colors to color picker.
- Improved: Added 'size' property to Facebook like button script.
- New feature: Added 'Count Up' script. A simple counter that starts counting when the object scrolls into view.
- New feature: Added 'Circular Text' script. Animated text wrapped around a circle.
- New feature: Added 'Bubble Text' script. Bubbling Text Effect.
- New feature: Added 'Facebook Save Button' script. The Save button lets people save items or services to a private list on Facebook or share it with friends.
- New feature: Added 'Facebook Share Button' script. The Share button lets people add a personalized message to links before sharing on their timeline, in groups, or to their friends via a Facebook Message.
Blog / Article
- Improved: The text editor is now resizable.
- Improved: Responsive font (size/family) is synchronized in text editor and style settings, so it's no longer necesarry to set the font in the style settings.
- Improved: When the button text is empty, the button will be hidden.
- New feature: Add 'Image margin' property. This can be used to set the margin around an image.
- New feature: Added support for native Windows spell checker to text editor. With 'spell as you type' and context menu suggestions. (requires Windows 8 or 10!)
- New feature: Added 'Timeline' layout. This implements a simple vertical timeline.
Polygon/Curve
- New feature: Added 'SVG path animation' option.
Heading
- New feature: - Added 'Full width' option to Heading object. When set to false, the heading can have a fixed width (instead of 100%). This may be useful to create inline multi-line text blocks in a Layout Grid.
Extensions
- Improved: WWB15 now supports up to 500 extensions. Available system memory may have impact on the actual maximum number of extensions that can be loaded by the application.
Setup
- Improved: The 64-bit setup will now automatically download and install VC++ Redistributables files if they are not installed yet.
Icon Libraries
- Improved: The quality of exported SVG is now significally better.
- New feature: Added support for 7 new icon libraries:
- Microsoft Fabric Icons, https://developer.microsoft.com/en-us/f ... cons#icons
- Map Icons, http://map-icons.com/
- Weather Icons, https://erikflowers.github.io/weather-icons/
- Devicon, https://vorillaz.github.io/devicons/
- Payment Webfont, https://github.com/orlandotm/payment-webfont
- Ico Font, https://www.icofont.com/
- Captain Icon, http://mariodelvalle.github.io/CaptainIconWeb/
Blocks
- Added 50+ new blocks. Available as (free) addon package: blocks_pack6.zip .
https://wysiwygwebbuilder.com/free_extras.html
Templates
- Added 18 new (free) templates to demonstrate some of the new features.
https://wysiwygwebbuilder.com/templates9.html
The graphics engine for workspace rendering has been completely redesigned using hardware acceleration (direct 2d), for better performance and higher quality graphics during design time. This means rendering should be much faster and the graphics will be sharper even when zooming in/out.
New Icons
The ribbon, toolbars, menus and toolbox have redesigned icons. The style is thin, lined & colored, inspired by the new icons introduced by Microsoft® in the products of Office 365® and 2019 suites.
The icons have been optimized for High DPI (100%, 150% and 200%)
Secure FTP
Secure FTP support is now built-in, without the need to install an extension.
The following protocols are supported:
• FTP with TLS/SSL (Port 990 - Implicit)
• FTP with TLS/SSL (AUTH TLS - Explicit)
• SFTP using SSH2 (Secure Shell)
Shape Dividers
- New feature: Added Shape divider to layer, layout grid and flex box container. Shape dividers are SVG based shapes that can be used to separate the sections of a page.
There are more than a dozens shapes you can choose from, but you can also add custom shape SVG files.
Shapes dividers can be added at the top or bottom (or both) of a layer.
The color specifies the color of the shape. The width specifies the width in percentages, this can be useful if you only want to display a smaller part of the shape, for example 200%, clips the left and right part of the shape.
The height is in pixels.
Shapes can be flipped horizontally/vertically. This makes it possible to use shapes that were designed to be used at the top, also at the bottom (flip vertically).
The arrangement property controls whether the shape will be displayed underneath the content or on top of content.
Shapes dividers are SVG files and are stored in the folder 'dividers' of the application folder.
Unsplash Integration
- New feature: Browse thousands of free-to-use, high quality images from Unsplash directly within WYSIWYG Web Builder.
Border Images
- New feature: Added 'Border Image' support. With border images you can create complicated, visually rich borders around elements like text, images, layers, layout grid etc.
Besides built-in pre-defined border images you can also use your own images. The border images have several repeat options like repeat, space, round or stretch.
Toasts
- New feature: Toasts are lightweight notifications designed to mimic the push notifications that have been popularized by mobile and desktop operating systems. They can be displayed at page load or with delay. Multiple Toasts will automatically stack vertically.
Wrap Text
- New feature: Added support for floating layout, so the 'Wrap Text' can be used inside a layout grid. This makes it possible to wrap text around images or other objects. Child elements can either float left or right.
- New feature: Added experimental support for CSS's shape-outside. This will wrap the text around the outline of a (transparent) image or shape, making it possible to wrap text around complex objects rather than simple rectangular boxes. Note that this will only work in modern browsers (Safari, Chome, FireFox, not in IE or Edge!)
Card Container
- New feature: Added 'Card Container' object. This is a dedicated container for Cards to simplify laying out a series of cards.
The Card Container has the following layout options:
- card deck: automatically aligns the cards horizontally with equal width and height. Even with different content lengths!
- card columns: organize the cards into Masonry-like columns. Cards are ordered from top to bottom and left to right.
- carousel: displays the cards in an animated carousel. The number of cards per slide and spacing is configurable per breakpoint. It is also possible to set how many cards will be scrolled per page. When you set a negative delay, the carousel will scroll continuously (like a Conveyer Belt).
The card carousel can be controlled via events: media play, media stop, slideshow next, slideshow previous
Note: of course you can still use layout grids, flexbox or flexgrid for laying out cards.
Cards
- New feature: Added 'Copy' button to quickly clone a card item.
- New feature: Added the ability to set the alignment for each text item indivually, including justify.
- New feature: Added 'HTML' card item type. This adds the ability to add custom HTML items to the card. For example, Google Maps, Facebook scripts etc.
- New feature: Added the ability to add padding between border and image of a card item.
- New feature: Added the ability to set the line height for text items.
- New feature: Added support for animations and transitions to card items. Each card item can have its own animations and transitions! Transitions can also be synhronized. This can be useful if you want to trigger all transtions at the same time when you move the mouse over the card instead of over each card item individually.
- Improved: Card properties dialog is now resizable.
Flex Grid
- New feature: Added the ability to save custom flexgrid templates. It is also possible to edit or remove pre-defined templates.
- New feature: Added 'Easy Mode'. Many users have asked an easier way to control the flexgrid without having to deal with flexbox.
In "Easy Mode, the flexgrid behaves just like the Layout grid.
Layout Grid
- New feature: Added 'Footer (fixed)' and 'Footer (floating)' mode. This makes it possible to use a layout grid as (fixed) footer. This also works with master pages.
- New feature: Added 'Sticky' mode. A sticky Layout Grid is treated as relatively positioned element until it reaches the top, at which point it is sticks to the top. This is standard HTML feature that only works in modern browsers (not in IE/Edge).
- New feature: Added 'pattern overlay'. Add semi transparent pattern overlays to the background image/video.
Flex Container
- New feature: Added 'Footer (fixed)' and 'Footer (floating)' mode. This makes it possible to use a Flex Container as (fixed) footer. This also works with master pages.
- New feature: Added 'Sticky' mode. A sticky Flex Container is treated as relatively positioned element until it reaches the top, at which point it is sticks to the top. This is a relative new HTML feature and requires a modern browser: https://caniuse.com/#search=sticky
- New feature: Added 'pattern overlay'. Add semi transparent pattern overlays to the background image/video.
Text
- Improved: The text editor is now fully integrated into the workspace. WWB no longer loads an overlay editor, but handles all editing internally (via ITextHost): faster, same rendering in edit/display mode, more control.
- Improved: HTML code generator for text has been completely redesigned with direct RTF to HTML conversion for more accurate rendering results.
- Improved: Line spacing now supports 2 decimals after the comma: 1.05, 1.14 etc.
- New feature: Added 'Redo' support to text editor.
- New feature: Added 'List' support! Bullets, Numbering, Alphabetic, Roman styles.
- New feature: Added Paragraph properties for indent, space before/after.
- New feature: Added Ribbon Mini Toolbar ("Floaty"). Microsoft Office-style mini toolbar is a semi-transparent toolbar appearing right near the cursor, providing quick access to text formatting tools.
- New feature: Added 'Format Painter' functionality to text editor to quickly apply the same formatting to other text.
- New feature: Added colored Emoji support (requires Windows 10).
- New feature: Added support for small inline images in text (requires Windows 10).
- New feature: Added ‘Paste (keep text only)’ command. This will paste the text from the clipboard without formatting. Also available via Ctrl+Shift+V
Marquee
- Improved: The unofficial <marquee> tag has been replaced with CSS3 animations for better compatibility with (modern) browsers. W3C compliant!
- New feature(s): The Marquee object now supports the same editing and styling options as standard text: styles, line spacing, letter spacing, bullets, find/replace, lorem ipsum, responsive fonts etc.
- New feature: Added 'star wars' behavior. Implements Stars Wars-like 3D scrolling.
Shape/ClipArt/TextArt
- Improved: Now uses CSS transforms for rotation.
- Improved: Exported SVG now uses cublic beziers for much better graphics.
- Improved: Added support for gradient/pattern and texture border styles in exported SVG.
- Improved: ClipArt symbol selection dialog.
- Improved: Webdings, Wingdings, Wingdings2 and Wingdings3 display more symbols in ClipArt selection dialog (> 200 instead 100).
- New feature: Added support for "Segoe UI Emoji" symbols to ClipArt (Windows 10).
- New feature: All supported Icon Libraries can now also be used in ClipArt!
- New feature: Added the ability to output shape text as HTML: 'Publish as HTML'.
- New feature: Added 'SVG path animation' option. This adds the ability to animate the border (stroke) of SVG shapes, textart, clipart. This makes it look like the shape/text is drawn on the web page in real-time;)
Styles
- New feature: Added 'Copy Style' and Paste Style' command to object's context menu. This make it possible to quickly copy style properties to multiple objects (in addition to the format painter).
Theme Colors
- New feature: Added 'Theme Colors'. Inspired by the MS Office color picker.
By default, WYSIWYG Web Builder's color picker displays a standard color palette with 140 standard web colors.
With the 'Theme color' option (inspired by the MS Office color picker) you can configure a custom color palette of 12 colors. The light and dark variants of these colors will be generated automatically.
Besides the ability to customize the colors, it is also possible to synchronize the colors when they are modified or when you select a different color theme.
Preloader
- New feature: Added the ability to an animated preloader image to the page (in Page Properties). 10 (gif) animation are included, but you can also add use own images.
A preloader (alos known as loading screen) is what you see on some sites before the main content of the web page is loaded.
Preloaders are simple (GIF) animations that are used to keep visitors entertained while server operations finish processing.
WYSIWYG Web Builder can display a (semi transparent) overlay with animated gif when the website loading is in progress. It will disappear right after the page loads.
A collection of standard preloader images is included, but you can also add your own animations by adding a custom gif image to the 'preloader' folder.
Style Manager
- New feature: Added 'Filter' properties. The filter property defines visual effects, like blur, brightness, contrast, grayscale, hue-rotate, invert, saturate and sepia. The effect will be applied to the obejcty and all its children.
- New feature: Added 'Backdrop Filter' properties. The backdrop-filter property lets you apply graphical effects to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent.
- New feature: Added support for border-images. Select Border Style->image and then Border Settings to configured advanced borders.
Page
- New feature: Added 'Design Layout' view mode. Renders the page in a frame, centered on the screen.
- New feature: Added support for 'drag & drop' re-arrange of floating elements. You can now drag/drop a floating layer (layout grid/flexbox) before or after another floating object.
- New feature: Added the ability to set the 'highlight color' in Guide Settings. This specifies the color of insert markers in layout grids and other containers.
- New feature: Added 'Facebook App ID' property (fb:app_id) to Open Graph Meta Tags. Facebook App ID tags lets Facebook know the identify of your site, which provides additional benefits like social analytics, comments moderation and authentication capabilities to your site.
- Improved: 'Disable scroll transitions on small screens' in Page Properties now also disables parallax effect.
SEO
- Improved: Search Engine Optimization settings now have a dedicated section in the page properties.
- New feature: Added 'Canonical URL' property. If you have different pages with similar content (for example, a page with both a mobile and a desktop version), Google sees these as duplicate versions of the same page. Google will choose one URL as the canonical version and crawl that, and all other URLs will be considered duplicate URLs and crawled less often.
More information: https://support.google.com/webmasters/a ... 9066?hl=en
- New feature: Added 'hreflang' configuration. The hreflang attribute tells Google which language you are using on a specific page, so the search engine can serve that result to users searching in that language. The links will also be added to the site map.
More information: https://support.google.com/webmasters/a ... 9077?hl=en
Web Icons
- Improved: Web Icons settings now have a dedicated section in the page properties.
- New feature: Added the ability to add 32x32 and 64x64 favorite icons to support modern browsers. These icons are in standard PNG format.
- New feature: Added the ability to configure multiple Apple Touch Icons to target different devices.
General
- New feature: Added "Open the most recent used page of the project" option. When loading the project, this will open the page that was active when you last saved the project.
- New feature: Added option to enable/disable ctrl+click+drag (duplicate objects) functionality.
- New feature: Added confirmation window for 'Easy Mode'.
- New feature: Added 'Reset Workspace' option. This will reset the window layout to the initial state.
- New feature: The first time you start WWB, it will ask you if you want to import the settings from a previous version.
- New feature: Added 'AutoSave' option. This automatically saves the active project at the specified interval.
- New feature: Added 'Publish navigation icons as SVG image'. This will output the icons as embedded SVG (scalable vector image) instead as font and reduces the overall size of the website if you only use a few icons.
- New feature: Added Visual Studio 2019 Light Blue theme (Tools -> Options -> User Interface -> Color Scheme)
Response Web Design
- New feature: Added 'Automatically scale new objects in other breakpoints' option (Tools -> Options -> General).
Normally when you insert a new object, it will be inserted at the same position and with the same size as the default view. The new option 'Automatically scale new objects in other breakpoints' is enabled, new objects will automatically scale and reposition in other breakpoints relative to the breakpoint size. It will also scale the font size of some objects when possible. This may speed of the implementation of (fixed) responsive layouts.
- Improved: The option "Include min-width in CSS3 media queries " has been replace with “Activate breakpoints when browser window is smaller than the device width” and “Activate breakpoints when browser window is larger than the device width” to make the functionality more clear. Also, ‘max-width’ has been renamed to ‘device width’.
Object Manager
- Changed: 'Allocated filenames' has been renamed to 'Internal filenames'.
- Improved: Added the ability to re-arrange objects using drag & drop before and after other objects.
- Improved: Added the ability to re-arrange objects using drag & drop on layers (including layout grid/flexbox).
- Improved: Added the ability to move objects between floating layers (including layout grid/flexbox). This is not possible for fixed layout becuase then you have no visible feedback where the object will move to!
- New feature: Added 'Assets Folder' property (context menu). This adds the ability to specify a different output folder per object! For example, set the images folder for one object (gallery) to a different folder. This overrides the global publish settings.
Publish
- New feature: Added the possibility to use wildcards in Publish File types (Tools->Options->Publish). This makes it possible to publish specific files (based on the filename, in addition to file extensions) to a different folder.
- Improved: Publish File types are now saved in the project file so they can be different for each project.
Preview
- Improved: Added 'Preview current page' option in addition to 'Preview entire website'.
- Improved: Added 'PHP Preview Warning'. When you try to preview a website with PHP, the application will now display a warning that the pages may not display correctly, because PHP can only be viewed online through a web server.
Verify Links
- New feature: Added 'Filter' option. This make it possible to filter links to make it easier to find URLs when you have a long list of links.
Events
- New feature: Added 'self' target. When you select this as the target then WWB will automatically use the ID of the current object. This may be useful when you copy the object, so you do not have to manually edit the 'self' events.
- New feature: Added 'enable' and ‘disable’ actions. This can be used to disable/enable a form elements (button, checkbox, radio button, editbox, combobox, textarea).
Mega Menu
- New feature: Now supports font icons, this replaces the (fixed) jQuery UI icon set. Not only will this give you a wider selection of icons, but with will also improve the quality of the images.
- New feature: Added the ability to set a different icon for each link (instead of one global bullet icon).
- New feature: Added property to change the category text color.
- Improved: body scrollbar will be hidden, when the mobile drop down menu is active.
Overlay Menu
- Improved: Button colors are now responsive, so they can be different in breakpoints.
Panel Menu
- New feature: Added Link transitions. This adds the ability to animate the background or border of the menu items. Includes 18 transition effects: fade, slide, scale, rotate, underline, overline etc.
- Improved: Panel background color can now be semi-transparent (alpha) when in overlay mode.
- Improved: Added support for semi-transparent (alpha) borders.
CSS Menu
- New feature: Added Link transitions (main and sub items). This adds the ability to animate the background or border of the menu items. Includes 18 transition effects: fade, slide, scale, rotate, underline, overline etc.
- New feature: Added the ability to set the alpha value of the shadow color (for main and sub menu).
Themable Menu
- New feature: Now supports font icons, this replaces the (fixed) jQuery UI icon set.
- New feature: Added support for drop down animations in Bootstrap menu: fade, slide and scale.
- New feature: Added the ability to set the border color (and alpha) of the mobile trigger button.
Themable Button
- New feature: Now supports font icons, this replaces the (fixed) jQuery UI icon set.
Pagination
- Improved: Using ellipse ("...") as text will disable the link.
- New feature: Added the possibility to display ellipses when synchronized with the Site Manager. Set 'Start at' to -1. Visible items specifies how many adjacent pages should be shown on each side of the current page.
CSS Animations/transitions
- New feature: Added 24 new easing functions, inspired by jQuery UI: ease-in-quad,ease-out-quad,ease-in-out-quad,ease-in-cubic,ease-out-cubic,ease-in-out-cubic,ease-in-quart,ease-out-quart,ease-in-out-quart,ease-in-quint,ease-out-quint,ease-in-out-quint,ease-in-sine,ease-out-sine,ease-in-out-sine,ease-in-expo,ease-out-expo,ease-in-out-expo,ease-in-circ,ease-out-circ,ease-in-out-circ,ease-in-back,ease-out-back,ease-in-out-back
- New feature: Added 8 new animations: flip-in, flip-out, fold, unfold, turbine-in, turbine-out, swoop-in, swoop-out
- New feature: Added alpha support to transition colors. This also works with scroll transitions!
Inline Frame
- New feature: Added "Enable Safari Mobile fix" option. This implements a workaround for inline frames ignoring the specified height on the iPhone/iPad.
Accordion
- New feature: Added horizontal accordion mode!
- New feature: Added 'Rotate' mode. This enables automatic cycle through panels with configurable duration.
- New feature: Added the ability to set individual colors for accordion header background.
Tabs
- New feature: Added ‘Active tab’ option. This specifies the tab that will be initially displayed. Can be set to 'false' to display none at start (in combination with ‘collapsible’).
Logout button
- New feature: Added text alignment property.
- New feature: Added padding property.
Login
- New feature: Added "Redirect to previous page". When this option is enabled, the user will be redirected to the previous page after successful login.
- Improved: Login create/edit database tool now also works with Secure FTP.
Sign Up / Password Recovery
- New feature: Added PHP Mailer support with SMTP authentication.
Image
- New feature: Added 'html overlay' to watermark options. This adds a text overlay to the image (instead of merging the text with the image). This provides a quick way to add text on top of an image in floating layouts. Also supports hover only, which displays the text on mouse over.
- Improved: The 'Frames' option has been replaced by the standard CSS 'border-image'. Adding a frame (now border image) will no longer affect the image size, quality or make it non-responsive.
Background Properties
- New feature: Added new background repeat option: space. The background-image is repeated as much as possible without clipping.The first and last images are pinned to either side of the element, andwhitespace is distributed evenly between the images.
- New feature: Added new background repeat option: round. The background-image is repeated and squished or stretched to fill the space (no gaps).
Photo Collage
- New feature: Added 6 new animations: move up, fall, fly, flip, helix, popup
- New feature: Added "Customize' option. This add the ability to create custom layouts for the Photo Collage.
- New feature: Added "Lazy Load“ option. This implements ‘onscrollreveal’ functionality, so the animations will start when the gallery scrolls into the viewport.
Lazy Load
(Note: lazy load is available for images, photo gallery, rollover image, rollover text)
- New feature: $LAZYLOAD_EFFECT$" site variable. Adds the ability to set an animation for lazy load: blind, bounce, drop, fade, fold, pulsate, puff, scale, shake, slide
- New feature: $LAZYLOAD_DURATION$" site variable. Specifies the duration of the animation.
Rotate
- Improved: All rotatable objects now have a rotation handle to provide quicker way to rotate the object.
Slideshow
- New feature: "Image Carousel" and "Conveyer Belt" now have their own icons in the toolbox to make it easier to add these items to web pages.
- New feature: Added 'Image Accordion' mode. Implements a horizontal image accordion, using CSS only. With animation and caption support. The 'Image Accordion' also has its own icon in toolbox for quick access.
Photo Gallery
- Improved: 'Frames' now use the standard CSS 'border-image'. Adding a frame/border image will no longer affect the original image size or quality and adds other useful features like border image size, repeat and scaling.
- Improved: Added the ability to set the target window for Instagram links.
Carousel
- New feature: Added 'Pause cycling on mouse enter' option. If enabled this pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave.
- New feature: Added 'Fade' transition (in addition to slide) to Bootstrap Carousel. Note: all other transitions are not supported by Bootstrap!
- New feature: Added touch support to Bootstrap Carousel.
- New feature: Added new built-in navigation large arrows. To use the new arrows, enter '{' for previous and '}' for next in the filename fields.
- Improved: Bootstrap carousel - Upgraded to Bootstrap 4.
Forms
- New feature: Added "Create a responsive form using layout grids" option to the Form Wizard. The Form Wizard can now create flexible/responsive forms. The option will automatically be selected if the page already contains layout grids.
- New feature: Added 'Spacing' option to the Form Wizard. This set the spacing between the controls of the created form.
- New feature: Added the ability to set a Dialog (jQuery UI or Bootstrap) as form target. This makes it possible to display the success or error page in a popup. Add a dialog to the page and select the ID of the Dialog in the form's target property. All the necessary code will be generated automatically!
- New feature: Added new site variables to customize form error messages: $FORMERROR_EMAIL$, $FORMERROR_URL$, $FORMERROR_FILESIZE$
- New feature: Added 'Do not allow URLs in form data' option. This option may help to prevent spam by blocking messages that include links.
- New feature: Added the ability to configure the ‘From name’ for the email message. It is also possible to use a PHP variable. For example, S_POST[‘name’] where ‘name’ is the name of the input field.
- New feature: Added the ability to configure the ‘Reply To’ for the email message. 'Reply to' can be used to specify an alternative reply address. 'Reply To' can be a fixed email address 'yourname@email.com' or a PHP variable: $_POST['email'].
- Improved: CSV data file wizard now also works with Secure FTP.
Editbox, Textarea, Checkbox, Radio Button, File Upload
- New feature: Added Bootstrap-like input validation. Note: for checkbox, Radio Button, File Upload 'use default browser style' should be unchecked!
Combobox
- New feature: Added 'HTML5' validation. For this to work, the value of the first item should be empty.
- New feature: Added Bootstrap-like validation.
Dialog
- New feature: Added 'Open' and 'Close' events. The 'Open' event is fired when the dialog has been made visible to the user. The 'Close' event is fired when the modal has finished being hidden from the user.
A practial example would be to to disable the submit button after a form has triggered the dialog on submitted the form.
- Improved: Bootstrap dialog - Upgraded to Bootstrap 4.
- New feature: Bootstrap dialog - Added support for horizontal and vertical alignment.
Layer
- New feature: Added 'lightbox' mode. This makes it possible to display the content of the layer in a lightbox. The lightbox can be opened/closed via events (show/hide). Supported lightboxes: fancybox, magnificpopup, colorbox, lightcase, prettyphoto, swipebox, tosrus, venobox.
- New feature: Added 'pattern overlay'. Add semi transparent pattern overlays to the background image/video.
FlipSwitch
- New feature: Added "Flip Switch" object. A "Flip Switch" (also known as Toggle switch) can be used as alternative for a checkbox. Inspired by the iPhone checkbox. It is possible to use different colors (text/background/border) for checked/unchecked, add animations, conditions and events.
Button
- New feature: Added the ability to use the (form) button as a link. Although the button is mainly for use with Forms, many users have requested this feature, so now it's (finally) possible.
Animations
- New feature: Added 'Merge' option. This option will merge the default animations with your own collection.
Why? We regularly add new animations to the default collection. However, if you have customized animations then your custom collection will not be overwritten, so this means that new animations ate not added to your list automatically. The 'Merge' option will make it easier to add these new animations to your custom collection.
if you do not have modified animations then the merge button will be disabled.
HTML
- New feature: Added 'full width' option. When the HTML object is used in a layout grid, the div container can now be edge-to-edge.
Site Search
- New feature: Added Autocomplete padding to set the spacing around the items in drop down list.
- New feature: Added 'open page' mode to Autocomplete. Clicking an item in the Autocomplete drop down list will immediately open the page. This makes it possible to implement a search field without a 'results' section.
Rollover Text
- Improved: All animations now support easing (including the CSS based animations).
- Improved: New lines in description are converted to line breaks <br>.
- New feature: Added the ability to set background color, border and padding of the link, so you can make it looks like a button.
- New feature: Added 'Vertical alignment' property for use in combination with position -> full.
- New feature: Added 14 new animations: lines (horizontal & vertical), flip (horizontal & vertical), flip, 3d flip (horizontal & vertical), 3d carousel (horizontal & vertical), box (move, zoom, scale)
Ready-to-use-JavaScripts
- Improved: All scripts now support the same font sizes as in the rest of the application.
- Improved: Added recent colors to color picker.
- Improved: Added 'size' property to Facebook like button script.
- New feature: Added 'Count Up' script. A simple counter that starts counting when the object scrolls into view.
- New feature: Added 'Circular Text' script. Animated text wrapped around a circle.
- New feature: Added 'Bubble Text' script. Bubbling Text Effect.
- New feature: Added 'Facebook Save Button' script. The Save button lets people save items or services to a private list on Facebook or share it with friends.
- New feature: Added 'Facebook Share Button' script. The Share button lets people add a personalized message to links before sharing on their timeline, in groups, or to their friends via a Facebook Message.
Blog / Article
- Improved: The text editor is now resizable.
- Improved: Responsive font (size/family) is synchronized in text editor and style settings, so it's no longer necesarry to set the font in the style settings.
- Improved: When the button text is empty, the button will be hidden.
- New feature: Add 'Image margin' property. This can be used to set the margin around an image.
- New feature: Added support for native Windows spell checker to text editor. With 'spell as you type' and context menu suggestions. (requires Windows 8 or 10!)
- New feature: Added 'Timeline' layout. This implements a simple vertical timeline.
Polygon/Curve
- New feature: Added 'SVG path animation' option.
Heading
- New feature: - Added 'Full width' option to Heading object. When set to false, the heading can have a fixed width (instead of 100%). This may be useful to create inline multi-line text blocks in a Layout Grid.
Extensions
- Improved: WWB15 now supports up to 500 extensions. Available system memory may have impact on the actual maximum number of extensions that can be loaded by the application.
Setup
- Improved: The 64-bit setup will now automatically download and install VC++ Redistributables files if they are not installed yet.
Icon Libraries
- Improved: The quality of exported SVG is now significally better.
- New feature: Added support for 7 new icon libraries:
- Microsoft Fabric Icons, https://developer.microsoft.com/en-us/f ... cons#icons
- Map Icons, http://map-icons.com/
- Weather Icons, https://erikflowers.github.io/weather-icons/
- Devicon, https://vorillaz.github.io/devicons/
- Payment Webfont, https://github.com/orlandotm/payment-webfont
- Ico Font, https://www.icofont.com/
- Captain Icon, http://mariodelvalle.github.io/CaptainIconWeb/
Blocks
- Added 50+ new blocks. Available as (free) addon package: blocks_pack6.zip .
https://wysiwygwebbuilder.com/free_extras.html
Templates
- Added 18 new (free) templates to demonstrate some of the new features.
https://wysiwygwebbuilder.com/templates9.html
Перевод на русский (гугл транслейт)
Рендеринг Direct2D
Графический движок для рендеринга рабочей области был полностью переработан с использованием аппаратного обеспечения. ускорение (прямое 2d) для повышения производительности и качества графики во время разработки. Это означает, что рендеринг должен быть намного быстрее, а графика будет более четкой даже при увеличении / уменьшении.
Новые иконки
Лента, панели инструментов, меню и набор инструментов имеют переработанные значки. Стиль тонкий, с подкладкой и цветом, вдохновленный новыми иконками, представленными Microsoft® в продуктах пакетов Office 365® и 2019.
Значки были оптимизированы для высокого разрешения (100%, 150% и 200%).
Безопасный FTP
Встроенная поддержка защищенного FTP теперь не требует установки расширения.
Поддерживаются следующие протоколы:
• FTP с TLS / SSL (порт 990 - неявный)
• FTP с TLS / SSL (AUTH TLS - явный)
• SFTP с использованием SSH2 (Secure Shell)
Shape Dividers
- Новая функция: добавлен Shape divider to layer, сетка макета и контейнер для флекс-бокса. Разделители фигур - это фигуры на основе SVG, которые можно использовать для разделения разделов страницы.
Существует более десятка фигур, которые вы можете выбрать, но вы также можете добавить собственные файлы SVG форм.
Разделители фигур могут быть добавлены в верхней или нижней части (или в обеих) слоя.
Цвет определяет цвет фигуры. Ширина указывает ширину в процентах, это может быть полезно, если вы хотите отобразить только меньшую часть фигуры, например 200%, обрезает левую и правую части фигуры.
Высота в пикселях.
Формы могут быть перевернуты горизонтально / вертикально. Это позволяет использовать формы, которые были разработаны для использования сверху, а также снизу (перевернуть вертикально).
Свойство расположения определяет, будет ли фигура отображаться под содержимым или поверх содержимого.
Разделители фигур - это файлы SVG, которые хранятся в папке «Разделители» папки приложения.
Интеграция Unsplash
- Новая функция: просматривайте тысячи бесплатных высококачественных изображений из Unsplash непосредственно в WYSIWYG Web Builder.
Border Images
- Новая функция: добавлена поддержка Border Image. С помощью изображений границ вы можете создавать сложные, визуально насыщенные границы вокруг таких элементов, как текст, изображения, слои, сетка макета и т. Д.
Помимо встроенных предопределенных изображений границ вы также можете использовать свои собственные изображения. Изображения границ имеют несколько вариантов повторения, например, повтор, пробел, округление или растяжение.
Тосты
- Новая функция: тосты - это легкие уведомления, разработанные для имитации push-уведомлений, которые были популярны в мобильных и настольных операционных системах. Они могут отображаться при загрузке страницы или с задержкой. Несколько тостов будут автоматически складываться вертикально.
Обтекание текста
- новая функция: добавлена поддержка плавающего макета, поэтому «Обтекание текстом» можно использовать внутри сетки макета. Это позволяет обернуть текст вокруг изображений или других объектов. Дочерние элементы могут плавать влево или вправо.
- Новая функция: добавлена экспериментальная поддержка CSS shape-outside. Это обернет текст вокруг контура (прозрачного) изображения или фигуры, делая возможным обтекание текста вокруг сложных объектов, а не простых прямоугольных блоков. Обратите внимание, что это будет работать только в современных браузерах (Safari, Chome, FireFox, а не в IE или Edge!).
Контейнер карт
- Новая функция: добавлен объект «Контейнер карт». Это специальный контейнер для карт, чтобы упростить раскладку серии карт.
Контейнер для карт имеет следующие параметры макета:
- колода карт: автоматически выравнивает карты по горизонтали с равной шириной и высотой. Даже с разной длиной контента!
- столбцы карточек: организуйте карточки в масонские столбцы. Карты упорядочены сверху вниз и слева направо.
- карусель: отображает карты в анимированной карусели. Количество карточек на слайд и интервал настраивается для каждой точки останова. Также можно установить, сколько карточек будет прокручиваться на странице. Когда вы устанавливаете отрицательную задержку, карусель будет непрерывно прокручиваться (как конвейерная лента).
Каруселью карточек можно управлять с помощью событий: воспроизведение мультимедиа, остановка мультимедиа, слайд-шоу далее, слайд-шоу предыдущая.
Примечание: конечно, вы все равно можете использовать сетки макетов, flexbox или flexgrid для раскладки карт.
Карты
- Новая функция: добавлена кнопка «Копировать» для быстрого клонирования элемента карты.
- Новая функция: добавлена возможность устанавливать выравнивание для каждого элемента текста по отдельности, включая выравнивание.
- Новая функция: добавлен тип элемента карты «HTML». Это добавляет возможность добавлять пользовательские элементы HTML на карту. Например, Google Maps, скрипты Facebook и т. Д.
- Новая функция: добавлена возможность добавления отступов между рамкой и изображением элемента карты.
- Новая функция: добавлена возможность устанавливать высоту строки для текстовых элементов.
- Новая функция: добавлена поддержка анимации и переходов к элементам карты. Каждый элемент карты может иметь свои собственные анимации и переходы! Переходы также могут быть синхронизированы. Это может быть полезно, если вы хотите запустить все переходы одновременно, когда вы наводите мышь на карту, а не на каждый элемент карты в отдельности.
- Улучшено: диалог свойств карты теперь можно изменять.
Flex Grid
- Новая функция: добавлена возможность сохранять пользовательские шаблоны flexgrid. Также возможно редактировать или удалять предопределенные шаблоны.
- Новая функция: добавлен «легкий режим». Многие пользователи просили более простой способ управления flexgrid без необходимости работать с flexbox.
В «Простом режиме» flexgrid ведет себя так же, как сетка макета.
Layout Grid
- Новая функция: добавлены режимы «Нижний колонтитул (фиксированный)» и «Нижний колонтитул (плавающий)». Это позволяет использовать сетку макета в качестве (фиксированного) нижнего колонтитула. Это также работает с мастер-страницами.
- Новая функция: добавлен режим «Sticky». Сетка Sticky Layout Grid обрабатывается как относительно позиционированный элемент до тех пор, пока он не достигнет вершины, после чего он придерживается вершины. Это стандартная функция HTML, которая работает только в современных браузерах (не в IE / Edge).
- Новая функция: добавлено «наложение шаблона». Добавьте полупрозрачные наложения на фоновое изображение / видео.
Flex Container
- Новая функция: добавлены режимы «Нижний колонтитул (фиксированный)» и «Нижний колонтитул (плавающий)». Это позволяет использовать Flex-контейнер в качестве (фиксированного) нижнего колонтитула. Это также работает с мастер-страницами.
- Новая функция: добавлен режим «Липкий». Липкий Flex-контейнер рассматривается как относительно позиционированный элемент до тех пор, пока он не достигнет вершины, после чего он прилипнет к вершине. Это относительно новая функция HTML, для которой требуется современный браузер: https://caniuse.com/#search=sticky
- Новая функция: добавлено «наложение шаблона». Добавьте полупрозрачные наложения на фоновое изображение / видео.
Текст
- Улучшено: текстовый редактор теперь полностью интегрирован в рабочее пространство. WWB больше не загружает оверлейный редактор, но обрабатывает все редактирование внутренне (через ITextHost): быстрее, тот же рендеринг в режиме редактирования / отображения, больше контроля.
- Улучшено: генератор HTML-кода для текста был полностью переработан с прямым преобразованием RTF в HTML для более точных результатов рендеринга.
- Улучшено: межстрочный интервал теперь поддерживает 2 десятичных знака после запятой: 1.05, 1.14 и т. Д.
- Новая функция: добавлена поддержка «Повторить» в текстовом редакторе.
- Новая функция: добавлена поддержка «Список»! Пули, Нумерация, Алфавитный, Римский стили.
- Новая функция: добавлены свойства абзаца для отступа, пробел до / после.
- Новая функция: добавлена мини-панель инструментов ленты («Floaty»). Мини-панель инструментов в стиле Microsoft Office представляет собой полупрозрачную панель инструментов, расположенную рядом с курсором, обеспечивая быстрый доступ к инструментам форматирования текста.
- Новая функция: добавлена функция «Редактор рисования» в текстовом редакторе, чтобы быстро применить то же форматирование к другому тексту.
- Новая функция: добавлена поддержка цветных эмодзи (требуется Windows 10).
- Новая функция: добавлена поддержка небольших встроенных изображений в тексте (требуется Windows 10).
- Новая функция: добавлена команда «Вставить (только текст)». Это вставит текст из буфера обмена без форматирования. Также доступно через Ctrl + Shift + V
Marquee
- Улучшено: неофициальный тег <marquee> был заменен анимацией CSS3 для лучшей совместимости с (современными) браузерами. W3C совместимый!
- Новые функции: объект Marquee теперь поддерживает те же параметры редактирования и стиля, что и стандартный текст: стили, межстрочный интервал, межбуквенный интервал, маркеры, поиск / замена, lorem ipsum, адаптивные шрифты и т. Д.
- Новая функция: добавлена звездочка поведение войн. Реализует звездную войну, как 3D-прокрутку.
Shape / ClipArt / TextArt
- Улучшено: теперь использует CSS-преобразования для вращения.
- Улучшено: экспортированный SVG теперь использует общедоступные Безье для гораздо лучшей графики.
- Улучшено: добавлена поддержка градиента / шаблона и стилей границ текстуры в экспортированном SVG.
- Улучшено: диалог выбора символа ClipArt.
- Улучшено: Webdings, Wingdings, Wingdings2 и Wingdings3 отображают больше символов в диалоге выбора ClipArt (> 200 вместо 100).
- Новая функция: добавлена поддержка символов «Segoe UI Emoji» в ClipArt (Windows 10).
- Новая функция: все поддерживаемые библиотеки значков теперь также можно использовать в ClipArt!
- Новая функция: добавлена возможность вывода текста формы в виде HTML: «Опубликовать как HTML».
- Новая функция: добавлена опция 'SVG path animation'. Это добавляет возможность анимировать границу (обводку) форм SVG, textart, клипарт. Это делает его похожим на фигуру / текст, нарисованный на веб-странице в режиме реального времени;)
Стили
- Новая функция: добавлены команды «Копировать стиль» и «Вставить стиль» в контекстное меню объекта. Это позволяет быстро копировать свойства стиля для нескольких объектов (в дополнение к рисователю формата).
Theme Colors
- Новая функция: добавлены «Theme Colors». Вдохновлен палитрой цветов MS Office.
По умолчанию палитра цветов WYSIWYG Web Builder отображает стандартную цветовую палитру с 140 стандартными веб-цветами.
С опцией «Цвет темы» (вдохновленной палитрой цветов MS Office) вы можете настроить собственную цветовую палитру из 12 цветов. Светлые и темные варианты этих цветов будут созданы автоматически.
Помимо возможности настраивать цвета, также можно синхронизировать цвета при их изменении или при выборе другой цветовой темы.
- Новая функция: добавлена возможность анимированного изображения предварительного загрузчика на страницу (в свойствах страницы). 10 (GIF) анимация включены, но вы также можете добавить использовать собственные изображения.
Предварительный загрузчик (также известный как экран загрузки) - это то, что вы видите на некоторых сайтах до загрузки основного содержимого веб-страницы.
Предварительные загрузчики - это простые (GIF) анимации, которые используются для развлечения посетителей, когда серверные операции завершают обработку.
WYSIWYG Web Builder может отображать (полупрозрачный) наложение с анимированным GIF, когда идет загрузка сайта. Он исчезнет сразу после загрузки страницы.
Коллекция стандартных изображений preloader включена, но вы также можете добавить свои собственные анимации, добавив пользовательское изображение gif в папку preloader.
Менеджер стилей
- Новая функция: добавлены свойства фильтра. Свойство фильтра определяет визуальные эффекты, такие как размытие, яркость, контрастность, оттенки серого, поворот оттенка, инвертирование, насыщенность и сепия. Эффект будет применен к объекту и всем его детям.
- Новая функция: добавлены свойства 'Backdrop Filter'. Свойство фонового фильтра позволяет применять графические эффекты к области за элементом. Поскольку это относится ко всему, что находится за элементом, чтобы увидеть эффект, вы должны сделать элемент или его фон хотя бы частично прозрачным.
- Новая функция: добавлена поддержка бордюр-изображений. Выберите «Стиль рамки» -> «Изображение», а затем «Настройки границы», чтобы настроить расширенные границы.
Страница
- Новая функция: добавлен режим просмотра «Design Layout». Отображает страницу в рамке, по центру экрана.
- Новая функция: добавлена поддержка «перетаскивания» перестановки плавающих элементов. Теперь вы можете перетаскивать плавающий слой (сетка макета / flexbox) до или после другого плавающего объекта.
- Новая функция: добавлена возможность установить «цвет подсветки» в «Настройках гида». Это определяет цвет маркеров вставки в сетке макета и других контейнерах.
- Новая функция: добавлено свойство «Идентификатор приложения Facebook» (fb: app_id) для открытия метатегов графика. Теги идентификатора приложения Facebook позволяют Facebook узнать идентификацию вашего сайта, что обеспечивает дополнительные преимущества, такие как социальная аналитика, модерация комментариев и возможности аутентификации для вашего сайта.
- Улучшено: «Отключение переходов прокрутки на маленьких экранах» в «Свойствах страницы» теперь также отключает эффект параллакса.
SEO
- Улучшено: настройки поисковой оптимизации теперь имеют отдельный раздел в свойствах страницы.
- Новая функция: добавлено свойство «Канонический URL». Если у вас есть разные страницы с похожим содержанием (например, страница с мобильной и настольной версией), Google будет рассматривать их как дублированные версии одной и той же страницы. Google выберет один URL в качестве канонической версии и просканирует его, а все остальные URL будут считаться дублирующими и сканируются реже.
Дополнительная информация: https://support.google.com/webmasters/a ... 9066? Hl = ru.
- Новая функция: добавлена конфигурация «hreflang». Атрибут hreflang сообщает Google, какой язык вы используете на определенной странице, поэтому поисковая система может предоставить этот результат пользователям, выполняющим поиск на этом языке. Ссылки также будут добавлены на карту сайта.
Дополнительная информация: https://support.google.com/webmasters/a ... 9077? Hl = ru
Веб-иконки
- улучшено: в настройках веб-иконок теперь есть отдельный раздел в свойствах страницы.
- Новая функция: добавлена возможность добавлять любимые иконки размером 32x32 и 64x64 для поддержки современных браузеров. Эти значки в стандартном формате PNG.
- Новая функция: добавлена возможность настройки нескольких значков Apple Touch для разных устройств.
генеральный
- Новая функция: добавлена опция «Открыть самую последнюю использованную страницу проекта». При загрузке проекта откроется страница, которая была активной при последнем сохранении проекта.
- Новая функция: добавлена опция для включения / выключения функциональности ctrl + click + drag (дублировать объекты).
- Новая функция: добавлено окно подтверждения для «Простого режима».
- Новая функция: добавлена опция «Сбросить рабочее пространство». Это вернет макет окна в исходное состояние.
- Новая функция: при первом запуске WWB он спросит вас, хотите ли вы импортировать настройки из предыдущей версии.
- Новая функция: добавлена опция «Автосохранение». Это автоматически сохраняет активный проект с указанным интервалом.
- Новая функция: добавлено «Публикация значков навигации как изображения SVG». Это выведет значки в виде встроенного SVG (масштабируемого векторного изображения) вместо шрифта и уменьшит общий размер сайта, если вы используете только несколько значков.
- Новая функция: добавлена тема Visual Studio 2019 Light Blue (Инструменты -> Параметры -> Пользовательский интерфейс -> Цветовая схема).
Веб-дизайн отклика
- Новая функция: добавлена опция «Автоматически масштабировать новые объекты в других точках останова» (Инструменты -> Параметры -> Генеральный).
Обычно, когда вы вставляете новый объект, он будет вставлен в ту же позицию и тот же размер, что и вид по умолчанию. Включена новая опция «Автоматически масштабировать новые объекты в других точках останова», новые объекты будут автоматически масштабироваться и перемещаться в других точках останова относительно размера точки останова. Это также будет масштабировать размер шрифта некоторых объектов, когда это возможно. Это может ускорить реализацию (фиксированных) адаптивных макетов.
- Улучшено: опция «Включить минимальную ширину в медиазапросах CSS3» была заменена на «Активировать точки останова, когда окно браузера меньше ширины устройства» и «Активировать точки останова, когда окно браузера больше ширины устройства», чтобы сделать функциональность яснее. Также, max-width было переименовано в «width устройства».
Диспетчер объектов
- Изменено: «Выделенные имена файлов» переименованы в «Внутренние имена файлов».
- Улучшено: добавлена возможность переупорядочивать объекты с помощью перетаскивания до и после других объектов.
- Улучшено: добавлена возможность переупорядочения объектов с помощью перетаскивания на слоях (включая сетку макета / flexbox).
- Улучшено: добавлена возможность перемещать объекты между плавающими слоями (включая сетку макета / flexbox). Это невозможно для фиксированного макета, потому что тогда у вас нет видимой обратной связи, куда объект будет перемещаться!
- Новая функция: добавлено свойство «Папка активов» (контекстное меню). Это добавляет возможность указать другую папку вывода для объекта! Например, установите папку изображений для одного объекта (галереи) в другую папку. Это отменяет глобальные настройки публикации.
- Новая функция: добавлена возможность использования подстановочных знаков в типах файлов публикации (Инструменты-> Параметры-> Опубликовать). Это позволяет публиковать определенные файлы (в зависимости от имени файла, в дополнение к расширениям файлов) в другой папке.
- Улучшено: типы файлов публикации теперь сохраняются в файле проекта, поэтому они могут отличаться для каждого проекта.
Предварительный просмотр
- Улучшено: добавлена опция «Просмотр текущей страницы» в дополнение к «Предварительному просмотру всего сайта».
- Улучшено: добавлено предупреждение PHP Preview. При попытке предварительного просмотра веб-сайта с помощью PHP приложение теперь отобразит предупреждение о том, что страницы могут отображаться некорректно, поскольку PHP можно просматривать только онлайн через веб-сервер.
Проверить ссылки
- Новая функция: добавлена опция «Фильтр». Это позволяет фильтровать ссылки, чтобы упростить поиск URL-адресов при наличии длинного списка ссылок.
События
- Новая функция: добавлена цель для себя. Когда вы выбираете это как цель, WWB будет автоматически использовать идентификатор текущего объекта. Это может быть полезно при копировании объекта, поэтому вам не нужно вручную редактировать события «self».
- Новая функция: добавлены «включить» и «отключить» действия. Это можно использовать для отключения / включения элементов формы (кнопка, флажок, переключатель, поле ввода, поле со списком, текстовое поле).
Мега-меню
- новая функция: теперь поддерживает иконки шрифтов, это заменяет (фиксированный) набор иконок jQuery UI. Это не только предоставит вам более широкий выбор значков, но также улучшит качество изображений.
- Новая функция: добавлена возможность устанавливать разные иконки для каждой ссылки (вместо одного глобального значка маркера).
- Новая функция: добавлено свойство для изменения цвета текста категории.
- Улучшено: полоса прокрутки тела будет скрыта, когда мобильное выпадающее меню активно.
Оверлейное меню
- улучшено: цвета кнопок теперь чувствительны, поэтому они могут отличаться в точках останова.
Панель меню
- Новая функция: добавлены ссылки переходов. Это добавляет возможность анимировать фон или границу пунктов меню. Включает в себя 18 эффектов перехода: исчезновение, скольжение, масштабирование, поворот, подчеркивание, наложение и т. Д.
- Улучшено: теперь цвет фона панели может быть полупрозрачным (альфа) в режиме наложения.
- Улучшено: добавлена поддержка полупрозрачных (альфа) границ.
CSS Menu
- Новая функция: добавлены переходы по ссылкам (основной и вложенные элементы). Это добавляет возможность анимировать фон или границу пунктов меню. Включает в себя 18 эффектов перехода: исчезновение, скольжение, масштабирование, поворот, подчеркивание, наложение и т. Д.
- Новая функция: добавлена возможность устанавливать альфа-значение цвета тени (для основного и подменю).
Themable Menu
- Новая функция: теперь поддерживает иконки шрифтов, это заменяет (фиксированный) набор иконок jQuery UI.
- Новая функция: добавлена поддержка выпадающих анимаций в меню Bootstrap: исчезновение, скольжение и масштабирование.
- Новая функция: добавлена возможность устанавливать цвет границы (и альфа) кнопки запуска на мобильном устройстве.
Themable Button
- Новая функция: теперь поддерживает иконки шрифтов, это заменяет (фиксированный) набор иконок jQuery UI.
Разбивка на страницы
- Улучшено: использование эллипса ("...") в качестве текста отключит ссылку.
- Новая функция: добавлена возможность отображения эллипсов при синхронизации с менеджером сайта. Установите «Начать с» на -1. Видимые элементы указывает, сколько смежных страниц должно отображаться на каждой стороне текущей страницы.
CSS-анимация / переходы
- Новая функция: добавлены 24 новые функции замедления, вдохновленные jQuery UI: легкость в квадрате, легкость в квадрате, легкость в квадрате, легкость в кубике, легкость в кубике , простота в-из кубических, простоты в квартах, легкость из-кварты, простота в-вне-кварты, простота в-квинты, легкость из-квинтета, легкость в-из-квинты, легкость -в-синусоида, легкость из-синус, простота в-вне-синус, простота в-экспо, легкость из-экспо, простота в-вне-экспо, простота в-циркуляр, легкость из-CIRC , простота в-вне-циркуляр, легкость в спине, легкость из-обратно, простота в-вне-обратно
- Новая функция: добавлено 8 новых анимаций: защелкивание, раскладывание, складывание, разворачивание, включение турбины, выход турбины, свупинг, вылет
- Новая функция: добавлена альфа-поддержка для переходных цветов. Это также работает с переходами прокрутки!
Встроенная рамка
- новая функция: добавлена опция «Включить исправление Safari Mobile». Это реализует обходной путь для встроенных кадров, игнорируя указанную высоту на iPhone / iPad.
Аккордеон
- Новая функция: добавлен режим горизонтального аккордеона!
- Новая функция: добавлен режим «Поворот». Это позволяет автоматический цикл через панели с настраиваемой продолжительностью.
- Новая функция: добавлена возможность устанавливать отдельные цвета для фона заголовка гармошки.
Вкладки
- Новая функция: добавлена опция «Активная вкладка». Это указывает на вкладку, которая будет отображаться изначально. Может быть установлен в «ложь», чтобы при запуске не отображать ничего (в сочетании с «складной»).
Кнопка выхода из системы
- новая функция: добавлено свойство выравнивания текста.
- Новая функция: добавлено свойство заполнения.
Вход в систему
- новая функция: добавлено «Перенаправление на предыдущую страницу». Когда эта опция включена, пользователь будет перенаправлен на предыдущую страницу после успешного входа в систему.
- Улучшено: инструмент для создания и редактирования базы данных теперь также работает с безопасным FTP.
Регистрация / восстановление пароля
- Новая функция: добавлена поддержка PHP Mailer с SMTP-аутентификацией.
Образ
- Новая функция: добавлен HTML-оверлей к параметрам водяного знака. Это добавляет текстовое наложение к изображению (вместо слияния текста с изображением). Это обеспечивает быстрый способ добавления текста поверх изображения в плавающих макетах. Также поддерживается только наведение, которое отображает текст при наведении мыши.
- Улучшено: опция «Рамки» была заменена стандартным CSS «border-image». Добавление рамки (теперь границы изображения) больше не повлияет на размер, качество изображения и не сделает его безразличным.
Свойства фона
- Новая функция: добавлена новая опция повтора фона: пробел. Фоновое изображение повторяется в максимально возможной степени без обрезки. Первое и последнее изображения закрепляются по обе стороны от элемента, и пробел распределяется равномерно между изображениями.
- Новая функция: добавлена новая опция повторения фона: круглая. Фоновое изображение повторяется и сжимается или растягивается, чтобы заполнить пространство (без пропусков).
Photo Collage
- Новая функция: добавлено 6 новых анимаций: движение вверх, падение, взлет, переворот, спираль, всплывающее окно
- Новая функция: добавлена опция «Customize». Это добавляет возможность создавать собственные макеты для Photo Collage.
- Новая функция: Добавлена опция «Ленивая загрузка». Это реализует функциональность «onscrollreveal», поэтому анимация запускается, когда галерея прокручивается в область просмотра.
Ленивая загрузка
(примечание: отложенная загрузка доступна для изображений, фотогалереи, ролловера, текста ролловера)
- Новая функция: переменная сайта $ LAZYLOAD_EFFECT $. Добавляет возможность устанавливать анимацию для отложенной загрузки: слепой, отскок, падение, затухание, складывание, пульсирование, затяжка, масштабирование, встряхивание, скольжение
- Новая функция: сайт $ LAZYLOAD_DURATION $ " переменная. Определяет продолжительность анимации.
Поворот
- Улучшено: все вращающиеся объекты теперь имеют ручку вращения, чтобы обеспечить более быстрый способ поворота объекта.
Слайд-шоу
- Новая функция: «Карусель изображений» и «Конвейерная лента» теперь имеют свои собственные значки на панели инструментов, чтобы упростить добавление этих элементов на веб-страницы.
- Новая функция: добавлен режим «Аккордеон». Реализует горизонтальное изображение аккордеона, используя только CSS. С поддержкой анимации и подписи. 'Image Accordion' также имеет свой собственный значок на панели инструментов для быстрого доступа.
- Улучшено: «Рамки» теперь используют стандартный CSS «border-image». Добавление изображения рамки / рамки больше не влияет на размер или качество исходного изображения и добавляет другие полезные функции, такие как размер изображения рамки, повторение и масштабирование.
- Улучшено: добавлена возможность установки целевого окна для ссылок Instagram.
Карусель
- Новая функция: добавлена опция «Пауза зацикливания при вводе мышью». Если включено, это приостанавливает циклирование карусели в мышином центре и возобновляет циклирование карусели в мышином отпуске.
- Новая функция: добавлен переход 'Fade' (в дополнение к слайду) в Bootstrap Carousel. Примечание: все другие переходы не поддерживаются Bootstrap!
- Новая функция: добавлена сенсорная поддержка в Bootstrap Carousel.
- Новая функция: добавлена новая встроенная навигация большими стрелками. Чтобы использовать новые стрелки, введите «{» для предыдущего и «}» для следующего в полях имени файла.
- Улучшено: Карусель Bootstrap - Обновлен до Bootstrap 4.
Формы
- Новая функция: добавлен параметр «Создать адаптивную форму с использованием сеток макетов» в мастере форм. Мастер форм теперь может создавать гибкие / адаптивные формы. Параметр будет выбран автоматически, если страница уже содержит сетки макетов.
- Новая функция: добавлена опция «Интервал» в мастере форм. Это устанавливает интервал между элементами управления созданной формы.
- Новая функция: добавлена возможность установить диалог (jQuery UI или Bootstrap) в качестве цели формы. Это позволяет отображать страницу успеха или ошибки во всплывающем окне. Добавьте диалоговое окно на страницу и выберите идентификатор диалога в целевом свойстве формы. Весь необходимый код будет сгенерирован автоматически!
- Новая функция: добавлены новые переменные сайта для настройки сообщений об ошибках формы: $ FORMERROR_EMAIL $, $ FORMERROR_URL $, $ FORMERROR_FILESIZE $
- Новая функция: добавлена опция «Не разрешать URL-адреса в данных формы». Эта опция может помочь предотвратить спам, блокируя сообщения, содержащие ссылки.
- Новая функция: добавлена возможность настроить «От имени» для сообщения электронной почты. Также возможно использовать переменную PHP. Например, S_POST ['name'], где 'name' - это имя поля ввода.
- Новая функция: добавлена возможность настроить «Ответить» для сообщения электронной почты. «Ответить на» может использоваться для указания альтернативного адреса ответа. Ответом может быть фиксированный адрес электронной почты yourname@email.com или переменная PHP: $ _POST ['email'].
- Улучшено: мастер файла данных CSV теперь также работает с Secure FTP.
Поле «Редактировать», «Текстовое поле», «Флажок», «Радиокнопка», «Загрузка файла»
- новая функция: добавлена проверка ввода в виде начальной загрузки. Примечание: для флажка, радиокнопки, загрузки файла «Использовать стиль браузера по умолчанию» необходимо снять отметку!
Combobox
- Новая функция: добавлена проверка HTML5. Чтобы это работало, значение первого элемента должно быть пустым.
- Новая функция: добавлена проверка в стиле Bootstrap.
диалог
- Новая функция: добавлены события «Открыть» и «Закрыть». Событие «Open» вызывается, когда диалог становится видимым для пользователя. Событие «Закрыть» вызывается, когда модальное окно скрыто от пользователя.
Практическим примером будет отключение кнопки «Отправить» после того, как форма запустит диалоговое окно для отправки формы.
- Улучшено: диалог Bootstrap - Обновлен до Bootstrap 4.
- Новая функция: диалог Bootstrap - Добавлена поддержка горизонтального и вертикального выравнивания.
Слой
- Новая функция: добавлен режим «лайтбокс». Это позволяет отображать содержимое слоя в лайтбоксе. Лайтбокс может быть открыт / закрыт через события (показать / скрыть). Поддерживаемые лайтбоксы: fancybox, magnificpopup, colorbox, lightcase, prettyphoto, swipebox, tosrus, venobox.
- Новая функция: добавлено «наложение шаблона». Добавьте полупрозрачные наложения на фоновое изображение / видео.
FlipSwitch
- новая функция: добавлен объект «Flip Switch». «Переключатель» (также известный как тумблер) может быть использован в качестве альтернативы для флажка. Вдохновлен флажком iPhone. Можно использовать разные цвета (текст / фон / рамка) для отмеченных / не отмеченных, добавлять анимацию, условия и события.
Кнопка
- Новая функция: добавлена возможность использовать кнопку (форма) в качестве ссылки. Хотя эта кнопка в основном предназначена для использования с формами, многие пользователи запрашивали эту функцию, поэтому теперь она (наконец) стала возможной.
Анимации
- Новая функция: добавлена опция «Слияние». Эта опция объединит анимации по умолчанию с вашей собственной коллекцией.
Зачем? Мы регулярно добавляем новые анимации в коллекцию по умолчанию. Однако, если вы настроили анимацию, ваша коллекция не будет перезаписана, так что это означает, что новые анимации не добавляются в ваш список автоматически. Опция «Объединить» облегчит добавление этих новых анимаций в вашу пользовательскую коллекцию.
если у вас нет измененных анимаций, кнопка слияния будет отключена.
HTML
- Новая функция: добавлена опция «полная ширина». Когда объект HTML используется в сетке макета, контейнер div теперь может быть от края до края.
Поиск по сайту
- новая функция: добавлено заполнение автозаполнением, чтобы задать интервал между элементами в раскрывающемся списке.
- Новая функция: добавлен режим «открыть страницу» для автозаполнения. Если щелкнуть элемент в раскрывающемся списке «Автозаполнение», страница сразу откроется. Это позволяет реализовать поле поиска без раздела «Результаты».
Rollover Text
- Улучшено: все анимации теперь поддерживают замедление (включая анимации на основе CSS).
- Улучшено: новые строки в описании преобразуются в разрывы строк <br>.
- Новая функция: добавлена возможность устанавливать цвет фона, границы и отступы ссылки, чтобы вы могли сделать ее похожей на кнопку.
- Новая функция: добавлено свойство «Вертикальное выравнивание» для использования в сочетании с положением -> заполнено.
- Новая функция: добавлено 14 новых анимаций: линии (по горизонтали и вертикали), отразить (по горизонтали и вертикали), отразить, 3D-перевернуть (по горизонтали и вертикали), 3D-карусель (по горизонтали и вертикали), поле (перемещение, масштабирование, масштабирование)
Готово -to-use-JavaScripts
- Улучшено: все сценарии теперь поддерживают тот же размер шрифта, что и в остальной части приложения.
- Улучшено: добавлены последние цвета в палитре цветов.
- Улучшено: добавлено свойство «size» в Facebook, как скрипт кнопки.
- Новая функция: добавлен скрипт «Count Up». Простой счетчик, который начинает считать, когда объект прокручивается в поле зрения.
- Новая функция: добавлен скрипт «Круговой текст». Анимированный текст, обернутый вокруг круга.
- Новая функция: добавлен скрипт «Bubble Text». Пузырьковый текстовый эффект.
- Новая функция: добавлен скрипт «Кнопка сохранения Facebook». Кнопка Сохранить позволяет людям сохранять элементы или услуги в личном списке на Facebook или делиться им с друзьями.
- Новая функция: добавлен скрипт Facebook Share Button. Кнопка «Поделиться» позволяет пользователям добавлять персонализированное сообщение в ссылки перед тем, как делиться ими на своей временной шкале, в группах или с друзьями через сообщение Facebook.
Блог / статья
- Улучшено: текстовый редактор теперь можно изменять.
- Улучшено: Отзывчивый шрифт (размер / семейство) синхронизируется в текстовом редакторе и настройках стиля, поэтому больше нет необходимости устанавливать шрифт в настройках стиля.
- Улучшено: когда текст кнопки пуст, кнопка будет скрыта.
- Новая функция: добавьте свойство 'Граница изображения'. Это может быть использовано для установки поля вокруг изображения.
- Новая функция: добавлена поддержка встроенной проверки орфографии Windows в текстовом редакторе. С «заклинание по мере ввода» и предложения контекстного меню. (требуется Windows 8 или 10!)
- Новая функция: добавлен макет временной шкалы. Это реализует простую вертикальную шкалу времени.
Многоугольник / Кривая
- Новая функция: добавлена опция 'SVG path animation'.
Заголовок
- Новая функция: - Добавлена опция «Полная ширина» для объекта Заголовок. Если установлено значение false, заголовок может иметь фиксированную ширину (вместо 100%). Это может быть полезно для создания встроенных многострочных текстовых блоков в сетке макетов.
Расширения
- Улучшено: WWB15 теперь поддерживает до 500 расширений. Доступная системная память может влиять на фактическое максимальное количество расширений, которое может быть загружено приложением.
Настроить
- Улучшено: 64-битная установка теперь автоматически загружает и устанавливает файлы VC ++ Redistributables, если они еще не установлены.
Библиотеки значков
- улучшено: качество экспортированного SVG теперь значительно улучшилось.
- Новая функция: добавлена поддержка 7 новых библиотек значков:
- Значки Microsoft Fabric, https://developer.microsoft.com/en-us/f ... cons # icons
- Значки карты, http: // map-icons. com /
- Значки погоды, https://erikflowers.github.io/weather-icons/
- Devicon, https://vorillaz.github.io/devicons/
- Платежный веб-шрифт, https://github.com/orlandotm/payment -webfont
- Ico Font, https://www.icofont.com/
- Captain Icon,http://mariodelvalle.github.io/CaptainIconWeb/
Blocks
- Добавлено более 50 новых блоков. Доступен как (бесплатный) пакет дополнений: blocks_pack6.zip.
https://wysiwygwebbuilder.com/free_extras.html
Шаблоны
- добавлено 18 новых (бесплатных) шаблонов для демонстрации некоторых новых функций.
https://wysiwygwebbuilder.com/templates9.html
Графический движок для рендеринга рабочей области был полностью переработан с использованием аппаратного обеспечения. ускорение (прямое 2d) для повышения производительности и качества графики во время разработки. Это означает, что рендеринг должен быть намного быстрее, а графика будет более четкой даже при увеличении / уменьшении.
Новые иконки
Лента, панели инструментов, меню и набор инструментов имеют переработанные значки. Стиль тонкий, с подкладкой и цветом, вдохновленный новыми иконками, представленными Microsoft® в продуктах пакетов Office 365® и 2019.
Значки были оптимизированы для высокого разрешения (100%, 150% и 200%).
Безопасный FTP
Встроенная поддержка защищенного FTP теперь не требует установки расширения.
Поддерживаются следующие протоколы:
• FTP с TLS / SSL (порт 990 - неявный)
• FTP с TLS / SSL (AUTH TLS - явный)
• SFTP с использованием SSH2 (Secure Shell)
Shape Dividers
- Новая функция: добавлен Shape divider to layer, сетка макета и контейнер для флекс-бокса. Разделители фигур - это фигуры на основе SVG, которые можно использовать для разделения разделов страницы.
Существует более десятка фигур, которые вы можете выбрать, но вы также можете добавить собственные файлы SVG форм.
Разделители фигур могут быть добавлены в верхней или нижней части (или в обеих) слоя.
Цвет определяет цвет фигуры. Ширина указывает ширину в процентах, это может быть полезно, если вы хотите отобразить только меньшую часть фигуры, например 200%, обрезает левую и правую части фигуры.
Высота в пикселях.
Формы могут быть перевернуты горизонтально / вертикально. Это позволяет использовать формы, которые были разработаны для использования сверху, а также снизу (перевернуть вертикально).
Свойство расположения определяет, будет ли фигура отображаться под содержимым или поверх содержимого.
Разделители фигур - это файлы SVG, которые хранятся в папке «Разделители» папки приложения.
Интеграция Unsplash
- Новая функция: просматривайте тысячи бесплатных высококачественных изображений из Unsplash непосредственно в WYSIWYG Web Builder.
Border Images
- Новая функция: добавлена поддержка Border Image. С помощью изображений границ вы можете создавать сложные, визуально насыщенные границы вокруг таких элементов, как текст, изображения, слои, сетка макета и т. Д.
Помимо встроенных предопределенных изображений границ вы также можете использовать свои собственные изображения. Изображения границ имеют несколько вариантов повторения, например, повтор, пробел, округление или растяжение.
Тосты
- Новая функция: тосты - это легкие уведомления, разработанные для имитации push-уведомлений, которые были популярны в мобильных и настольных операционных системах. Они могут отображаться при загрузке страницы или с задержкой. Несколько тостов будут автоматически складываться вертикально.
Обтекание текста
- новая функция: добавлена поддержка плавающего макета, поэтому «Обтекание текстом» можно использовать внутри сетки макета. Это позволяет обернуть текст вокруг изображений или других объектов. Дочерние элементы могут плавать влево или вправо.
- Новая функция: добавлена экспериментальная поддержка CSS shape-outside. Это обернет текст вокруг контура (прозрачного) изображения или фигуры, делая возможным обтекание текста вокруг сложных объектов, а не простых прямоугольных блоков. Обратите внимание, что это будет работать только в современных браузерах (Safari, Chome, FireFox, а не в IE или Edge!).
Контейнер карт
- Новая функция: добавлен объект «Контейнер карт». Это специальный контейнер для карт, чтобы упростить раскладку серии карт.
Контейнер для карт имеет следующие параметры макета:
- колода карт: автоматически выравнивает карты по горизонтали с равной шириной и высотой. Даже с разной длиной контента!
- столбцы карточек: организуйте карточки в масонские столбцы. Карты упорядочены сверху вниз и слева направо.
- карусель: отображает карты в анимированной карусели. Количество карточек на слайд и интервал настраивается для каждой точки останова. Также можно установить, сколько карточек будет прокручиваться на странице. Когда вы устанавливаете отрицательную задержку, карусель будет непрерывно прокручиваться (как конвейерная лента).
Каруселью карточек можно управлять с помощью событий: воспроизведение мультимедиа, остановка мультимедиа, слайд-шоу далее, слайд-шоу предыдущая.
Примечание: конечно, вы все равно можете использовать сетки макетов, flexbox или flexgrid для раскладки карт.
Карты
- Новая функция: добавлена кнопка «Копировать» для быстрого клонирования элемента карты.
- Новая функция: добавлена возможность устанавливать выравнивание для каждого элемента текста по отдельности, включая выравнивание.
- Новая функция: добавлен тип элемента карты «HTML». Это добавляет возможность добавлять пользовательские элементы HTML на карту. Например, Google Maps, скрипты Facebook и т. Д.
- Новая функция: добавлена возможность добавления отступов между рамкой и изображением элемента карты.
- Новая функция: добавлена возможность устанавливать высоту строки для текстовых элементов.
- Новая функция: добавлена поддержка анимации и переходов к элементам карты. Каждый элемент карты может иметь свои собственные анимации и переходы! Переходы также могут быть синхронизированы. Это может быть полезно, если вы хотите запустить все переходы одновременно, когда вы наводите мышь на карту, а не на каждый элемент карты в отдельности.
- Улучшено: диалог свойств карты теперь можно изменять.
Flex Grid
- Новая функция: добавлена возможность сохранять пользовательские шаблоны flexgrid. Также возможно редактировать или удалять предопределенные шаблоны.
- Новая функция: добавлен «легкий режим». Многие пользователи просили более простой способ управления flexgrid без необходимости работать с flexbox.
В «Простом режиме» flexgrid ведет себя так же, как сетка макета.
Layout Grid
- Новая функция: добавлены режимы «Нижний колонтитул (фиксированный)» и «Нижний колонтитул (плавающий)». Это позволяет использовать сетку макета в качестве (фиксированного) нижнего колонтитула. Это также работает с мастер-страницами.
- Новая функция: добавлен режим «Sticky». Сетка Sticky Layout Grid обрабатывается как относительно позиционированный элемент до тех пор, пока он не достигнет вершины, после чего он придерживается вершины. Это стандартная функция HTML, которая работает только в современных браузерах (не в IE / Edge).
- Новая функция: добавлено «наложение шаблона». Добавьте полупрозрачные наложения на фоновое изображение / видео.
Flex Container
- Новая функция: добавлены режимы «Нижний колонтитул (фиксированный)» и «Нижний колонтитул (плавающий)». Это позволяет использовать Flex-контейнер в качестве (фиксированного) нижнего колонтитула. Это также работает с мастер-страницами.
- Новая функция: добавлен режим «Липкий». Липкий Flex-контейнер рассматривается как относительно позиционированный элемент до тех пор, пока он не достигнет вершины, после чего он прилипнет к вершине. Это относительно новая функция HTML, для которой требуется современный браузер: https://caniuse.com/#search=sticky
- Новая функция: добавлено «наложение шаблона». Добавьте полупрозрачные наложения на фоновое изображение / видео.
Текст
- Улучшено: текстовый редактор теперь полностью интегрирован в рабочее пространство. WWB больше не загружает оверлейный редактор, но обрабатывает все редактирование внутренне (через ITextHost): быстрее, тот же рендеринг в режиме редактирования / отображения, больше контроля.
- Улучшено: генератор HTML-кода для текста был полностью переработан с прямым преобразованием RTF в HTML для более точных результатов рендеринга.
- Улучшено: межстрочный интервал теперь поддерживает 2 десятичных знака после запятой: 1.05, 1.14 и т. Д.
- Новая функция: добавлена поддержка «Повторить» в текстовом редакторе.
- Новая функция: добавлена поддержка «Список»! Пули, Нумерация, Алфавитный, Римский стили.
- Новая функция: добавлены свойства абзаца для отступа, пробел до / после.
- Новая функция: добавлена мини-панель инструментов ленты («Floaty»). Мини-панель инструментов в стиле Microsoft Office представляет собой полупрозрачную панель инструментов, расположенную рядом с курсором, обеспечивая быстрый доступ к инструментам форматирования текста.
- Новая функция: добавлена функция «Редактор рисования» в текстовом редакторе, чтобы быстро применить то же форматирование к другому тексту.
- Новая функция: добавлена поддержка цветных эмодзи (требуется Windows 10).
- Новая функция: добавлена поддержка небольших встроенных изображений в тексте (требуется Windows 10).
- Новая функция: добавлена команда «Вставить (только текст)». Это вставит текст из буфера обмена без форматирования. Также доступно через Ctrl + Shift + V
Marquee
- Улучшено: неофициальный тег <marquee> был заменен анимацией CSS3 для лучшей совместимости с (современными) браузерами. W3C совместимый!
- Новые функции: объект Marquee теперь поддерживает те же параметры редактирования и стиля, что и стандартный текст: стили, межстрочный интервал, межбуквенный интервал, маркеры, поиск / замена, lorem ipsum, адаптивные шрифты и т. Д.
- Новая функция: добавлена звездочка поведение войн. Реализует звездную войну, как 3D-прокрутку.
Shape / ClipArt / TextArt
- Улучшено: теперь использует CSS-преобразования для вращения.
- Улучшено: экспортированный SVG теперь использует общедоступные Безье для гораздо лучшей графики.
- Улучшено: добавлена поддержка градиента / шаблона и стилей границ текстуры в экспортированном SVG.
- Улучшено: диалог выбора символа ClipArt.
- Улучшено: Webdings, Wingdings, Wingdings2 и Wingdings3 отображают больше символов в диалоге выбора ClipArt (> 200 вместо 100).
- Новая функция: добавлена поддержка символов «Segoe UI Emoji» в ClipArt (Windows 10).
- Новая функция: все поддерживаемые библиотеки значков теперь также можно использовать в ClipArt!
- Новая функция: добавлена возможность вывода текста формы в виде HTML: «Опубликовать как HTML».
- Новая функция: добавлена опция 'SVG path animation'. Это добавляет возможность анимировать границу (обводку) форм SVG, textart, клипарт. Это делает его похожим на фигуру / текст, нарисованный на веб-странице в режиме реального времени;)
Стили
- Новая функция: добавлены команды «Копировать стиль» и «Вставить стиль» в контекстное меню объекта. Это позволяет быстро копировать свойства стиля для нескольких объектов (в дополнение к рисователю формата).
Theme Colors
- Новая функция: добавлены «Theme Colors». Вдохновлен палитрой цветов MS Office.
По умолчанию палитра цветов WYSIWYG Web Builder отображает стандартную цветовую палитру с 140 стандартными веб-цветами.
С опцией «Цвет темы» (вдохновленной палитрой цветов MS Office) вы можете настроить собственную цветовую палитру из 12 цветов. Светлые и темные варианты этих цветов будут созданы автоматически.
Помимо возможности настраивать цвета, также можно синхронизировать цвета при их изменении или при выборе другой цветовой темы.
- Новая функция: добавлена возможность анимированного изображения предварительного загрузчика на страницу (в свойствах страницы). 10 (GIF) анимация включены, но вы также можете добавить использовать собственные изображения.
Предварительный загрузчик (также известный как экран загрузки) - это то, что вы видите на некоторых сайтах до загрузки основного содержимого веб-страницы.
Предварительные загрузчики - это простые (GIF) анимации, которые используются для развлечения посетителей, когда серверные операции завершают обработку.
WYSIWYG Web Builder может отображать (полупрозрачный) наложение с анимированным GIF, когда идет загрузка сайта. Он исчезнет сразу после загрузки страницы.
Коллекция стандартных изображений preloader включена, но вы также можете добавить свои собственные анимации, добавив пользовательское изображение gif в папку preloader.
Менеджер стилей
- Новая функция: добавлены свойства фильтра. Свойство фильтра определяет визуальные эффекты, такие как размытие, яркость, контрастность, оттенки серого, поворот оттенка, инвертирование, насыщенность и сепия. Эффект будет применен к объекту и всем его детям.
- Новая функция: добавлены свойства 'Backdrop Filter'. Свойство фонового фильтра позволяет применять графические эффекты к области за элементом. Поскольку это относится ко всему, что находится за элементом, чтобы увидеть эффект, вы должны сделать элемент или его фон хотя бы частично прозрачным.
- Новая функция: добавлена поддержка бордюр-изображений. Выберите «Стиль рамки» -> «Изображение», а затем «Настройки границы», чтобы настроить расширенные границы.
Страница
- Новая функция: добавлен режим просмотра «Design Layout». Отображает страницу в рамке, по центру экрана.
- Новая функция: добавлена поддержка «перетаскивания» перестановки плавающих элементов. Теперь вы можете перетаскивать плавающий слой (сетка макета / flexbox) до или после другого плавающего объекта.
- Новая функция: добавлена возможность установить «цвет подсветки» в «Настройках гида». Это определяет цвет маркеров вставки в сетке макета и других контейнерах.
- Новая функция: добавлено свойство «Идентификатор приложения Facebook» (fb: app_id) для открытия метатегов графика. Теги идентификатора приложения Facebook позволяют Facebook узнать идентификацию вашего сайта, что обеспечивает дополнительные преимущества, такие как социальная аналитика, модерация комментариев и возможности аутентификации для вашего сайта.
- Улучшено: «Отключение переходов прокрутки на маленьких экранах» в «Свойствах страницы» теперь также отключает эффект параллакса.
SEO
- Улучшено: настройки поисковой оптимизации теперь имеют отдельный раздел в свойствах страницы.
- Новая функция: добавлено свойство «Канонический URL». Если у вас есть разные страницы с похожим содержанием (например, страница с мобильной и настольной версией), Google будет рассматривать их как дублированные версии одной и той же страницы. Google выберет один URL в качестве канонической версии и просканирует его, а все остальные URL будут считаться дублирующими и сканируются реже.
Дополнительная информация: https://support.google.com/webmasters/a ... 9066? Hl = ru.
- Новая функция: добавлена конфигурация «hreflang». Атрибут hreflang сообщает Google, какой язык вы используете на определенной странице, поэтому поисковая система может предоставить этот результат пользователям, выполняющим поиск на этом языке. Ссылки также будут добавлены на карту сайта.
Дополнительная информация: https://support.google.com/webmasters/a ... 9077? Hl = ru
Веб-иконки
- улучшено: в настройках веб-иконок теперь есть отдельный раздел в свойствах страницы.
- Новая функция: добавлена возможность добавлять любимые иконки размером 32x32 и 64x64 для поддержки современных браузеров. Эти значки в стандартном формате PNG.
- Новая функция: добавлена возможность настройки нескольких значков Apple Touch для разных устройств.
генеральный
- Новая функция: добавлена опция «Открыть самую последнюю использованную страницу проекта». При загрузке проекта откроется страница, которая была активной при последнем сохранении проекта.
- Новая функция: добавлена опция для включения / выключения функциональности ctrl + click + drag (дублировать объекты).
- Новая функция: добавлено окно подтверждения для «Простого режима».
- Новая функция: добавлена опция «Сбросить рабочее пространство». Это вернет макет окна в исходное состояние.
- Новая функция: при первом запуске WWB он спросит вас, хотите ли вы импортировать настройки из предыдущей версии.
- Новая функция: добавлена опция «Автосохранение». Это автоматически сохраняет активный проект с указанным интервалом.
- Новая функция: добавлено «Публикация значков навигации как изображения SVG». Это выведет значки в виде встроенного SVG (масштабируемого векторного изображения) вместо шрифта и уменьшит общий размер сайта, если вы используете только несколько значков.
- Новая функция: добавлена тема Visual Studio 2019 Light Blue (Инструменты -> Параметры -> Пользовательский интерфейс -> Цветовая схема).
Веб-дизайн отклика
- Новая функция: добавлена опция «Автоматически масштабировать новые объекты в других точках останова» (Инструменты -> Параметры -> Генеральный).
Обычно, когда вы вставляете новый объект, он будет вставлен в ту же позицию и тот же размер, что и вид по умолчанию. Включена новая опция «Автоматически масштабировать новые объекты в других точках останова», новые объекты будут автоматически масштабироваться и перемещаться в других точках останова относительно размера точки останова. Это также будет масштабировать размер шрифта некоторых объектов, когда это возможно. Это может ускорить реализацию (фиксированных) адаптивных макетов.
- Улучшено: опция «Включить минимальную ширину в медиазапросах CSS3» была заменена на «Активировать точки останова, когда окно браузера меньше ширины устройства» и «Активировать точки останова, когда окно браузера больше ширины устройства», чтобы сделать функциональность яснее. Также, max-width было переименовано в «width устройства».
Диспетчер объектов
- Изменено: «Выделенные имена файлов» переименованы в «Внутренние имена файлов».
- Улучшено: добавлена возможность переупорядочивать объекты с помощью перетаскивания до и после других объектов.
- Улучшено: добавлена возможность переупорядочения объектов с помощью перетаскивания на слоях (включая сетку макета / flexbox).
- Улучшено: добавлена возможность перемещать объекты между плавающими слоями (включая сетку макета / flexbox). Это невозможно для фиксированного макета, потому что тогда у вас нет видимой обратной связи, куда объект будет перемещаться!
- Новая функция: добавлено свойство «Папка активов» (контекстное меню). Это добавляет возможность указать другую папку вывода для объекта! Например, установите папку изображений для одного объекта (галереи) в другую папку. Это отменяет глобальные настройки публикации.
- Новая функция: добавлена возможность использования подстановочных знаков в типах файлов публикации (Инструменты-> Параметры-> Опубликовать). Это позволяет публиковать определенные файлы (в зависимости от имени файла, в дополнение к расширениям файлов) в другой папке.
- Улучшено: типы файлов публикации теперь сохраняются в файле проекта, поэтому они могут отличаться для каждого проекта.
Предварительный просмотр
- Улучшено: добавлена опция «Просмотр текущей страницы» в дополнение к «Предварительному просмотру всего сайта».
- Улучшено: добавлено предупреждение PHP Preview. При попытке предварительного просмотра веб-сайта с помощью PHP приложение теперь отобразит предупреждение о том, что страницы могут отображаться некорректно, поскольку PHP можно просматривать только онлайн через веб-сервер.
Проверить ссылки
- Новая функция: добавлена опция «Фильтр». Это позволяет фильтровать ссылки, чтобы упростить поиск URL-адресов при наличии длинного списка ссылок.
События
- Новая функция: добавлена цель для себя. Когда вы выбираете это как цель, WWB будет автоматически использовать идентификатор текущего объекта. Это может быть полезно при копировании объекта, поэтому вам не нужно вручную редактировать события «self».
- Новая функция: добавлены «включить» и «отключить» действия. Это можно использовать для отключения / включения элементов формы (кнопка, флажок, переключатель, поле ввода, поле со списком, текстовое поле).
Мега-меню
- новая функция: теперь поддерживает иконки шрифтов, это заменяет (фиксированный) набор иконок jQuery UI. Это не только предоставит вам более широкий выбор значков, но также улучшит качество изображений.
- Новая функция: добавлена возможность устанавливать разные иконки для каждой ссылки (вместо одного глобального значка маркера).
- Новая функция: добавлено свойство для изменения цвета текста категории.
- Улучшено: полоса прокрутки тела будет скрыта, когда мобильное выпадающее меню активно.
Оверлейное меню
- улучшено: цвета кнопок теперь чувствительны, поэтому они могут отличаться в точках останова.
Панель меню
- Новая функция: добавлены ссылки переходов. Это добавляет возможность анимировать фон или границу пунктов меню. Включает в себя 18 эффектов перехода: исчезновение, скольжение, масштабирование, поворот, подчеркивание, наложение и т. Д.
- Улучшено: теперь цвет фона панели может быть полупрозрачным (альфа) в режиме наложения.
- Улучшено: добавлена поддержка полупрозрачных (альфа) границ.
CSS Menu
- Новая функция: добавлены переходы по ссылкам (основной и вложенные элементы). Это добавляет возможность анимировать фон или границу пунктов меню. Включает в себя 18 эффектов перехода: исчезновение, скольжение, масштабирование, поворот, подчеркивание, наложение и т. Д.
- Новая функция: добавлена возможность устанавливать альфа-значение цвета тени (для основного и подменю).
Themable Menu
- Новая функция: теперь поддерживает иконки шрифтов, это заменяет (фиксированный) набор иконок jQuery UI.
- Новая функция: добавлена поддержка выпадающих анимаций в меню Bootstrap: исчезновение, скольжение и масштабирование.
- Новая функция: добавлена возможность устанавливать цвет границы (и альфа) кнопки запуска на мобильном устройстве.
Themable Button
- Новая функция: теперь поддерживает иконки шрифтов, это заменяет (фиксированный) набор иконок jQuery UI.
Разбивка на страницы
- Улучшено: использование эллипса ("...") в качестве текста отключит ссылку.
- Новая функция: добавлена возможность отображения эллипсов при синхронизации с менеджером сайта. Установите «Начать с» на -1. Видимые элементы указывает, сколько смежных страниц должно отображаться на каждой стороне текущей страницы.
CSS-анимация / переходы
- Новая функция: добавлены 24 новые функции замедления, вдохновленные jQuery UI: легкость в квадрате, легкость в квадрате, легкость в квадрате, легкость в кубике, легкость в кубике , простота в-из кубических, простоты в квартах, легкость из-кварты, простота в-вне-кварты, простота в-квинты, легкость из-квинтета, легкость в-из-квинты, легкость -в-синусоида, легкость из-синус, простота в-вне-синус, простота в-экспо, легкость из-экспо, простота в-вне-экспо, простота в-циркуляр, легкость из-CIRC , простота в-вне-циркуляр, легкость в спине, легкость из-обратно, простота в-вне-обратно
- Новая функция: добавлено 8 новых анимаций: защелкивание, раскладывание, складывание, разворачивание, включение турбины, выход турбины, свупинг, вылет
- Новая функция: добавлена альфа-поддержка для переходных цветов. Это также работает с переходами прокрутки!
Встроенная рамка
- новая функция: добавлена опция «Включить исправление Safari Mobile». Это реализует обходной путь для встроенных кадров, игнорируя указанную высоту на iPhone / iPad.
Аккордеон
- Новая функция: добавлен режим горизонтального аккордеона!
- Новая функция: добавлен режим «Поворот». Это позволяет автоматический цикл через панели с настраиваемой продолжительностью.
- Новая функция: добавлена возможность устанавливать отдельные цвета для фона заголовка гармошки.
Вкладки
- Новая функция: добавлена опция «Активная вкладка». Это указывает на вкладку, которая будет отображаться изначально. Может быть установлен в «ложь», чтобы при запуске не отображать ничего (в сочетании с «складной»).
Кнопка выхода из системы
- новая функция: добавлено свойство выравнивания текста.
- Новая функция: добавлено свойство заполнения.
Вход в систему
- новая функция: добавлено «Перенаправление на предыдущую страницу». Когда эта опция включена, пользователь будет перенаправлен на предыдущую страницу после успешного входа в систему.
- Улучшено: инструмент для создания и редактирования базы данных теперь также работает с безопасным FTP.
Регистрация / восстановление пароля
- Новая функция: добавлена поддержка PHP Mailer с SMTP-аутентификацией.
Образ
- Новая функция: добавлен HTML-оверлей к параметрам водяного знака. Это добавляет текстовое наложение к изображению (вместо слияния текста с изображением). Это обеспечивает быстрый способ добавления текста поверх изображения в плавающих макетах. Также поддерживается только наведение, которое отображает текст при наведении мыши.
- Улучшено: опция «Рамки» была заменена стандартным CSS «border-image». Добавление рамки (теперь границы изображения) больше не повлияет на размер, качество изображения и не сделает его безразличным.
Свойства фона
- Новая функция: добавлена новая опция повтора фона: пробел. Фоновое изображение повторяется в максимально возможной степени без обрезки. Первое и последнее изображения закрепляются по обе стороны от элемента, и пробел распределяется равномерно между изображениями.
- Новая функция: добавлена новая опция повторения фона: круглая. Фоновое изображение повторяется и сжимается или растягивается, чтобы заполнить пространство (без пропусков).
Photo Collage
- Новая функция: добавлено 6 новых анимаций: движение вверх, падение, взлет, переворот, спираль, всплывающее окно
- Новая функция: добавлена опция «Customize». Это добавляет возможность создавать собственные макеты для Photo Collage.
- Новая функция: Добавлена опция «Ленивая загрузка». Это реализует функциональность «onscrollreveal», поэтому анимация запускается, когда галерея прокручивается в область просмотра.
Ленивая загрузка
(примечание: отложенная загрузка доступна для изображений, фотогалереи, ролловера, текста ролловера)
- Новая функция: переменная сайта $ LAZYLOAD_EFFECT $. Добавляет возможность устанавливать анимацию для отложенной загрузки: слепой, отскок, падение, затухание, складывание, пульсирование, затяжка, масштабирование, встряхивание, скольжение
- Новая функция: сайт $ LAZYLOAD_DURATION $ " переменная. Определяет продолжительность анимации.
Поворот
- Улучшено: все вращающиеся объекты теперь имеют ручку вращения, чтобы обеспечить более быстрый способ поворота объекта.
Слайд-шоу
- Новая функция: «Карусель изображений» и «Конвейерная лента» теперь имеют свои собственные значки на панели инструментов, чтобы упростить добавление этих элементов на веб-страницы.
- Новая функция: добавлен режим «Аккордеон». Реализует горизонтальное изображение аккордеона, используя только CSS. С поддержкой анимации и подписи. 'Image Accordion' также имеет свой собственный значок на панели инструментов для быстрого доступа.
- Улучшено: «Рамки» теперь используют стандартный CSS «border-image». Добавление изображения рамки / рамки больше не влияет на размер или качество исходного изображения и добавляет другие полезные функции, такие как размер изображения рамки, повторение и масштабирование.
- Улучшено: добавлена возможность установки целевого окна для ссылок Instagram.
Карусель
- Новая функция: добавлена опция «Пауза зацикливания при вводе мышью». Если включено, это приостанавливает циклирование карусели в мышином центре и возобновляет циклирование карусели в мышином отпуске.
- Новая функция: добавлен переход 'Fade' (в дополнение к слайду) в Bootstrap Carousel. Примечание: все другие переходы не поддерживаются Bootstrap!
- Новая функция: добавлена сенсорная поддержка в Bootstrap Carousel.
- Новая функция: добавлена новая встроенная навигация большими стрелками. Чтобы использовать новые стрелки, введите «{» для предыдущего и «}» для следующего в полях имени файла.
- Улучшено: Карусель Bootstrap - Обновлен до Bootstrap 4.
Формы
- Новая функция: добавлен параметр «Создать адаптивную форму с использованием сеток макетов» в мастере форм. Мастер форм теперь может создавать гибкие / адаптивные формы. Параметр будет выбран автоматически, если страница уже содержит сетки макетов.
- Новая функция: добавлена опция «Интервал» в мастере форм. Это устанавливает интервал между элементами управления созданной формы.
- Новая функция: добавлена возможность установить диалог (jQuery UI или Bootstrap) в качестве цели формы. Это позволяет отображать страницу успеха или ошибки во всплывающем окне. Добавьте диалоговое окно на страницу и выберите идентификатор диалога в целевом свойстве формы. Весь необходимый код будет сгенерирован автоматически!
- Новая функция: добавлены новые переменные сайта для настройки сообщений об ошибках формы: $ FORMERROR_EMAIL $, $ FORMERROR_URL $, $ FORMERROR_FILESIZE $
- Новая функция: добавлена опция «Не разрешать URL-адреса в данных формы». Эта опция может помочь предотвратить спам, блокируя сообщения, содержащие ссылки.
- Новая функция: добавлена возможность настроить «От имени» для сообщения электронной почты. Также возможно использовать переменную PHP. Например, S_POST ['name'], где 'name' - это имя поля ввода.
- Новая функция: добавлена возможность настроить «Ответить» для сообщения электронной почты. «Ответить на» может использоваться для указания альтернативного адреса ответа. Ответом может быть фиксированный адрес электронной почты yourname@email.com или переменная PHP: $ _POST ['email'].
- Улучшено: мастер файла данных CSV теперь также работает с Secure FTP.
Поле «Редактировать», «Текстовое поле», «Флажок», «Радиокнопка», «Загрузка файла»
- новая функция: добавлена проверка ввода в виде начальной загрузки. Примечание: для флажка, радиокнопки, загрузки файла «Использовать стиль браузера по умолчанию» необходимо снять отметку!
Combobox
- Новая функция: добавлена проверка HTML5. Чтобы это работало, значение первого элемента должно быть пустым.
- Новая функция: добавлена проверка в стиле Bootstrap.
диалог
- Новая функция: добавлены события «Открыть» и «Закрыть». Событие «Open» вызывается, когда диалог становится видимым для пользователя. Событие «Закрыть» вызывается, когда модальное окно скрыто от пользователя.
Практическим примером будет отключение кнопки «Отправить» после того, как форма запустит диалоговое окно для отправки формы.
- Улучшено: диалог Bootstrap - Обновлен до Bootstrap 4.
- Новая функция: диалог Bootstrap - Добавлена поддержка горизонтального и вертикального выравнивания.
Слой
- Новая функция: добавлен режим «лайтбокс». Это позволяет отображать содержимое слоя в лайтбоксе. Лайтбокс может быть открыт / закрыт через события (показать / скрыть). Поддерживаемые лайтбоксы: fancybox, magnificpopup, colorbox, lightcase, prettyphoto, swipebox, tosrus, venobox.
- Новая функция: добавлено «наложение шаблона». Добавьте полупрозрачные наложения на фоновое изображение / видео.
FlipSwitch
- новая функция: добавлен объект «Flip Switch». «Переключатель» (также известный как тумблер) может быть использован в качестве альтернативы для флажка. Вдохновлен флажком iPhone. Можно использовать разные цвета (текст / фон / рамка) для отмеченных / не отмеченных, добавлять анимацию, условия и события.
Кнопка
- Новая функция: добавлена возможность использовать кнопку (форма) в качестве ссылки. Хотя эта кнопка в основном предназначена для использования с формами, многие пользователи запрашивали эту функцию, поэтому теперь она (наконец) стала возможной.
Анимации
- Новая функция: добавлена опция «Слияние». Эта опция объединит анимации по умолчанию с вашей собственной коллекцией.
Зачем? Мы регулярно добавляем новые анимации в коллекцию по умолчанию. Однако, если вы настроили анимацию, ваша коллекция не будет перезаписана, так что это означает, что новые анимации не добавляются в ваш список автоматически. Опция «Объединить» облегчит добавление этих новых анимаций в вашу пользовательскую коллекцию.
если у вас нет измененных анимаций, кнопка слияния будет отключена.
HTML
- Новая функция: добавлена опция «полная ширина». Когда объект HTML используется в сетке макета, контейнер div теперь может быть от края до края.
Поиск по сайту
- новая функция: добавлено заполнение автозаполнением, чтобы задать интервал между элементами в раскрывающемся списке.
- Новая функция: добавлен режим «открыть страницу» для автозаполнения. Если щелкнуть элемент в раскрывающемся списке «Автозаполнение», страница сразу откроется. Это позволяет реализовать поле поиска без раздела «Результаты».
Rollover Text
- Улучшено: все анимации теперь поддерживают замедление (включая анимации на основе CSS).
- Улучшено: новые строки в описании преобразуются в разрывы строк <br>.
- Новая функция: добавлена возможность устанавливать цвет фона, границы и отступы ссылки, чтобы вы могли сделать ее похожей на кнопку.
- Новая функция: добавлено свойство «Вертикальное выравнивание» для использования в сочетании с положением -> заполнено.
- Новая функция: добавлено 14 новых анимаций: линии (по горизонтали и вертикали), отразить (по горизонтали и вертикали), отразить, 3D-перевернуть (по горизонтали и вертикали), 3D-карусель (по горизонтали и вертикали), поле (перемещение, масштабирование, масштабирование)
Готово -to-use-JavaScripts
- Улучшено: все сценарии теперь поддерживают тот же размер шрифта, что и в остальной части приложения.
- Улучшено: добавлены последние цвета в палитре цветов.
- Улучшено: добавлено свойство «size» в Facebook, как скрипт кнопки.
- Новая функция: добавлен скрипт «Count Up». Простой счетчик, который начинает считать, когда объект прокручивается в поле зрения.
- Новая функция: добавлен скрипт «Круговой текст». Анимированный текст, обернутый вокруг круга.
- Новая функция: добавлен скрипт «Bubble Text». Пузырьковый текстовый эффект.
- Новая функция: добавлен скрипт «Кнопка сохранения Facebook». Кнопка Сохранить позволяет людям сохранять элементы или услуги в личном списке на Facebook или делиться им с друзьями.
- Новая функция: добавлен скрипт Facebook Share Button. Кнопка «Поделиться» позволяет пользователям добавлять персонализированное сообщение в ссылки перед тем, как делиться ими на своей временной шкале, в группах или с друзьями через сообщение Facebook.
Блог / статья
- Улучшено: текстовый редактор теперь можно изменять.
- Улучшено: Отзывчивый шрифт (размер / семейство) синхронизируется в текстовом редакторе и настройках стиля, поэтому больше нет необходимости устанавливать шрифт в настройках стиля.
- Улучшено: когда текст кнопки пуст, кнопка будет скрыта.
- Новая функция: добавьте свойство 'Граница изображения'. Это может быть использовано для установки поля вокруг изображения.
- Новая функция: добавлена поддержка встроенной проверки орфографии Windows в текстовом редакторе. С «заклинание по мере ввода» и предложения контекстного меню. (требуется Windows 8 или 10!)
- Новая функция: добавлен макет временной шкалы. Это реализует простую вертикальную шкалу времени.
Многоугольник / Кривая
- Новая функция: добавлена опция 'SVG path animation'.
Заголовок
- Новая функция: - Добавлена опция «Полная ширина» для объекта Заголовок. Если установлено значение false, заголовок может иметь фиксированную ширину (вместо 100%). Это может быть полезно для создания встроенных многострочных текстовых блоков в сетке макетов.
Расширения
- Улучшено: WWB15 теперь поддерживает до 500 расширений. Доступная системная память может влиять на фактическое максимальное количество расширений, которое может быть загружено приложением.
Настроить
- Улучшено: 64-битная установка теперь автоматически загружает и устанавливает файлы VC ++ Redistributables, если они еще не установлены.
Библиотеки значков
- улучшено: качество экспортированного SVG теперь значительно улучшилось.
- Новая функция: добавлена поддержка 7 новых библиотек значков:
- Значки Microsoft Fabric, https://developer.microsoft.com/en-us/f ... cons # icons
- Значки карты, http: // map-icons. com /
- Значки погоды, https://erikflowers.github.io/weather-icons/
- Devicon, https://vorillaz.github.io/devicons/
- Платежный веб-шрифт, https://github.com/orlandotm/payment -webfont
- Ico Font, https://www.icofont.com/
- Captain Icon,http://mariodelvalle.github.io/CaptainIconWeb/
Blocks
- Добавлено более 50 новых блоков. Доступен как (бесплатный) пакет дополнений: blocks_pack6.zip.
https://wysiwygwebbuilder.com/free_extras.html
Шаблоны
- добавлено 18 новых (бесплатных) шаблонов для демонстрации некоторых новых функций.
https://wysiwygwebbuilder.com/templates9.html
Скачать WYSIWYG Web Builder 15.0x32 bit
Скачать WYSIWYG Web Builder 15.0x64 bit
Обратная совместимость
64-битная версия совместима с 32-битной версией.
Отказ от ответственности:
Версия 15x64 bit предоставляется в качестве дополнительной услуги для пользователей WYSIWYG Web Builder.
64-битная версия все еще «дорабатывается» на основе отзывов пользователей. В настоящее время предоставляется "КАК ЕСТЬ".
Если вы ищете 100% стабильную версию, используйте 32-битную версию. Подробности