Paste with Code Editor

The Swiss Knife Pro feature allows you to write simple HTML code and convert it to Oxygen Elements during import.
The entire code editor is powered with Code Mirror autocomplete and Emmet.io. Emmet will be a huge time saver in repetitive tasks since it supports Multiplications.

section>div.container.grid>.col*5

<section>
  <div class="container grid">
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
  </div>
</section>

1. Tip: To nest elements one inside another, use “>” div>div>div
2. Tip: To multiply elements, use “*number” div*5
3. Tip: If you use HTML Tag elements, it will be converted in Oxygen as well “header, footer, section, main…” will be div with applied HTM tag
4. Tip: If you want multiple classes applied simultaneously, add “.” between class names. container.grid will be <div class=”container grid”>

Learn more about emmet.io in their official documentation.

To work even faster, we provided a Shortcut option that you can set up under Shortcuts manager > Paste with Editor and assign a preferred shortcut.

Paste with Firefox Dev edition.

Paste for Firefox Dev is fixed. Only Chrome has a clipboard function, so we needed to build one from scratch. When you try to paste with Firefox, you will get a notification that the clipboard does not exist, and you should paste it into a custom textarea so we can capture it. After you press CTRL + V and paste it, the text area will be closed automatically, and Oxygen Elements will be pasted. Remember that the clipboard to work website needs to be on HTTPS protocol. HTTP will not work.

Watch video presentation

Paste feature is now expanded and you don’t need to do anything under the settings page. 

If you copy any HTML element and paste it inside Oxygen builder, it will be converted to Oxygen elements. Any attached class that the element has, will be added. Any HTML tag that element has will be applied inside Oxygen builder.

Now you are not limited to only design sets that are inside oxygen ecosystem. You can use any free or premium HTML design set and convert it to Oxygen with single paste. 

We are fully compatible with Tailwind so If you are owning Winden you can use any free or premium design. 

In video bellow we are showing how to add Bootstrap and Tailwind components. 

And the last if someone give you string [text code] from Hydrogen you can paste it with Swiss Knife without any need to install Hydrogen on your website. 

[yt id=”fkack6Bs0Q4″]

Due to patching requirements, you probably don’t want to have the Plain Classes plugin on the website once you deliver it to the client.

Also if you installed the Plain Classes plug-in in the middle of the project you don’t want to end up with half of the classes in the oxygen class system and half in the plane classes text area. That would be a pain to manage and work with.

That’s why we made migration so simple with just one click.

The new feature in the Plain Classes plugin will allow you to migrate classes from the Plain Classes text area to the oxygen class system and back.

Be sure to always back up your website before the migration!

Oxywind is rebranded to Winden as it will support all major builders now and not only Oxygen. First step is Bricks builder.

What is Winden?

Winden is WordPress plugin that will include and compile (JIT) Tailwind in your local host or directly on your server. This is not just CDN, this is production ready Tailwind without hassle on Tailwind setup, compile and purge CSS. Final version is lightweight based on classes you have used on your website.

Please join our Facebook group and leave a feedback on how we can improve the product.

[yt id=”Y4_LBUxsadk”]

Version 4.1.0 is bringing you the feature to convert any HTML page to Oxygen Builder as native Oxygen elements. Just copy HTML and Paste it as any other oxygen elements with Shortcut, Topbar icon or Right Click.

This is going to be real time saver in your journey to build websites. Imagine the possibilities. You can now convert any static design set to Oxygen.

In beta will explain how to remove Oxygen defaults so they don’t mess up with styling.

Oxywind compatibility

It is fully compatible and made for Oxywind where you can convert any TailwindCSS design set as native Oxygen elements.

[yt id=”Pc9jdGAiJ40″]

As you probably heard Oxywind will be expanded to entire WordPress ecosystem and it will not be Oxygen builder specific plugin. Plan is to expand it to Bricks, Zion, Gutenberg …

To clear up the confusion we will rebrand Oxywind and call it Winden.

Anyone who bought or buy Oxywind will get Winden without any new purchase discount code or any other transfer effort. It will be replaced inside the dashboard.

After name is changed we will redirect Oxywind to new link.

Why Winden?

Too many plugins already took Windy as easy way to attach name to Tailwind. Our idea is to be unique and connect with origin: Wind from Sweden.

We are moving sales to yearly recruitment.
Everyone who buys Oxywind before
28th June 2022 will keep LTD.

Why is this happening?

• Oxywind has been rebuilt from the ground up and JIT has been moved to GitHub Enterprise, which is a monthly subscription.
• GitHub is bringing better stability and speed.
• Additionally, we plan to work on educational tutorials and code snippets that you can not find anywhere else on the market.

We have rebuild Swiss Knife to be fully compatible with Oxygen 4.0 and Recoda.

In depth review

[yt id=”g51ufGqoATg”]

New features introduced in Swiss Knife 4.0.0

Features

• Lorem Ipsum generator
• Random Unsplash Images
• Class manager (and merged lock class to this feature)
• Advanced Settings tabs on the left side
• Bigger Padding and Margin boxes
• When you are on template page added button to go back to all templates
• Right Click
  • Cut
  • Copy
  • Copy Conditions
  • Paste
  • Duplicate
  • Make Reusable
  • Rename
  • Set Conditions
  • Change ID
  • Wrap with div
  • Delete
• Delete Data when plugins is uninstalled
• New keyboard shortcuts
  • Cut to Clipboard
    Copy to Clipboard
    Paste to Clipboard
    Copy conditions
    Advanced – Background
    Advanced – Size & Spacing
    Advanced – Layout
    Advanced – Typography
    Advanced – Borders
    Advanced – Effects
    Advanced – Custom CSS
    Advanced – Javascript
    Advanced – Attributes
    Advanced – Background – Gradient
    Advanced – Effects – Animate On Scroll
    Advanced – Effects – Opacity
    Advanced – Effects – Transition
    Advanced – Effects – Box Shadow
    Advanced – Effects – Text Shadow
    Advanced – Effects – Filter
    Advanced – Effects – Transform

Faster and better way to write classes in Oxygen Builder. Experience native code editor class manipulation.

[yt id=”5D8ZF9ep_W8″]

Key Features

Name classes without a limit on oxygen

The Oxygen class selector only accepts A-Z characters. Once your naming becomes mature and you want to use “: / @” then Oxygen limits you. The Plain Classes plugin allows you to bypass these limitations.

Faster typing, better preview

With edits on the fly, editing classes has never been faster. Just start typing and autocomplete will appear. Simply replace one letter to change margin-s to margin-m without needing to search class again. It’s quick and easy.

Was this in Oxywind?

Yes. The logic behind decision to detach it was made due to technical restrictions. Plain Classes requires Oxygen patch. This decision made Oxywind patch free plugin.

I bought it with Oxywind can I get it?

If you purchased Oxywind before Jun 26th 2022, simply do next steps:

1. Login to our shop
2. Click purchase Plain Classes
3. In the checkout page discount code will be automatically applied and you will pay $0 for it.

Put things in order and focus on what you need.

We added a 3rd tab under WP Admin Cleaner: Menu Order.
All menu items have a drag-and-drop feature and their icons for easier preview.

At this point only top lever items are available for sorting.

If you are working with Oxygen you know that disable themes, but you still need to deal with update messages from the themes.

Thats why I created Oxygen Bare Minimum Theme that does not need any effort.

Theme is not branded by dPlugins and you can use it for free without any connection with us.

Theme is light and only 10kb with the screenshoot.png

If there is problem with Oxygen you will get blank not branded page with the message:

Your Oxygen Builder is not active.

Edit theme