Krasen Slavov

Developry

Easily search and replace text, images or links in the Block Editor, with backward compatibility for the Classic Editor.
<iframe loading="lazy" title="Block Editor Search & Replace Pro" width="750" height="563" src="https://www.youtube.com/embed/zWxPv8pJH4U?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Elevate your editing experience with our <a href="https://searchreplaceblocks.com/?utm_source=besnr&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc">Block Editor Search & Replace</a> plugin!
Designed to seamlessly integrate into the WordPress environment, this plugin allows you to swiftly locate and replace any, text, images or links within the Block Editor.
<a href="https://searchreplaceblocks.com/?utm_source=besnr&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc">Block Editor Search & Replace</a> is engineered to cater to both modern and traditional workflows, offering full compatibility with the Classic Editor.
<h3>USAGE</h3>
After installing and activating <a href="https://searchreplaceblocks.com/?utm_source=besnr&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc">Block Editor Search & Replace</a>, a new meta box labeled Search & Replace will be accessible in your page or post editing screen. Here’s how it works:
<ol>
<li>Select your search and replace method.</li>
<li>Enter your search phrase to instantly highlight matching keywords within the content.</li>
<li>Input your desired replacement text and click the Replace button to execute the change.</li>
<li>Adjust settings on-the-fly, toggling the highlighter and case sensitivity options as needed.</li>
<li>Use the Remove Tags button to remove any custom HTML tags created by the highlighter, restoring the text to its original state.</li>
</ol>
<h3>FEATURES & LIMITATIONS</h3>
<a href="https://searchreplaceblocks.com/?utm_source=besnr&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc">Block Editor Search & Replace</a> enhance your productivity with these streamlined features:
<ol>
<li>Search & Replace: A familiar, intuitive search and replace functionality.</li>
<li>Highlighter: Visual cues highlight all search hits, making editing more efficient.</li>
<li>Case Sensitivity: Flexibility to conduct case-sensitive or insensitive searches and replacements.</li>
<li>Images and Links: Ability to search and replace any image <code><img src="..."></code> or links <code><a href="..."></a></code></li>
<li>Multiple Terms: Search and replace multipl terms separating them with comma.</li>
<li>Remove Tags: Easily remove all custom tags added for highlighting and replacing the search content.</li>
</ol>
Convenient User Settings
While the free <a href="https://searchreplaceblocks.com/?utm_source=besnr&utm_medium=free_plugin&utm_campaign=readme_md" rel="nofollow ugc">Block Editor Search & Replace</a> doesn’t have a separate settings page, all configurations are conveniently located under <code>Block Editor S/R</code> or <code>Tools > Block Editor S/R</code> for compact mode. This includes:
<ul>
<li>Toggle support between Block (Gutenberg) and Classic editors.</li>
<li>Select and limit the roles allowed to access plugin features.</li>
<li>Select and limit the post types supported by the plugin.</li>
</ul>
<h3>Known Issues and Limitations</h3>
<ul>
<li>Sometimes when using the plugin with <code>image</code> (switching between Classic -> Block editor) method in the Block Editor, after performing a search, you will see the Attempt recovery, this means the image is marked for replacement, ignore add your replce phrase and proceed with the replacement action.</li>
<li>When you select image URLs directly from the WP media modal window and you need to target image e.g. 1024x768px you need to adjust the URLs and auto populate will add the full image URL.</li>
</ul>
<h3>DETAILED DOCUMENTATION</h3>
Find step-by-step setup guides, usage instructions, demos, videos, and insights on the <a href="https://searchreplaceblocks.com/help" rel="nofollow ugc">Block Editor Search & Replace Pro</a> page.
<h3>BLOCK EDITOR SEARCH & REPLACE PRO</h3>
Upgrade to the Pro version of Block Editor Search & Replace and access these powerful features:
<ul>
<li>Search & Replace for CPTs: Extend functionality to custom post types and WooCommerce products.</li>
<li>Complete Operation History: Track every search and replace operation with full audit trail.</li>
<li>One-Click Undo: Instantly revert any operation with our powerful undo functionality.</li>
<li>Advanced Statistics: Detailed analytics on your search and replace operations.</li>
<li>Export History as CSV: Download complete operation logs for record-keeping.</li>
<li>Dry-run with Preview: Safely preview changes before applying them.</li>
<li>Shortcodes, HTML, and RegEx: Advanced support for dynamic content and complex patterns.</li>
<li>Partial Image and Link Replacement: Update specific portions of image and link URLs.</li>
<li>Remove Text Limitations: Disable character limits and text sanitization for unrestricted edits.</li>
<li>Multilingual Compatibility: Seamlessly manage content across multiple languages.</li>
<li>Backup and Restore: Secure your changes with dedicated backup and restore functionality.</li>
<li>Priority Email Support: Get fast, expert help when you need it.</li>
<li>First-Release Updates: Enjoy early access to the latest improvements and features.</li>
</ul>
Upgrade now to maximize efficiency and enhance your editing capabilities. Learn more at <a href="https://searchreplaceblocks.com/" rel="nofollow ugc">Block Editor Search & Replace Pro</a>.

Block Editor Search & Replace – Text, Links & Images

The plugin usually deletes all my content when I click on any button (Reset, Replace) or input text to replace.

Too much bugs on WP 5.9

Easily search and replace text, images or links in the Block Editor, with backward compatibility for the Classic Editor.

Themeover

NOTE: This plugin was originally created to solve the issue of splitting classic editor content into divs, using shortcodes. On Sept 27th, 2022, I tested to see how this plugin works with Gutenberg and it actually still works fine (because the divs are rendered AFTER Gutenberg does it’s thing). But it’s worth mentioning that there is a Group block in Gutenberg that serves the same purpose, and might be more intuitive than working with shortcodes for some users. That said, if you’ve disabled Gutenberg in favour of the classic editor, this plugin is still useful. And although I’m not adding new features, I will fix any bugs people report.
Now on to how it actually works:
Separate your WordPress post or page content into divs with (optional) custom CSS classes and ids. Adding the shortcode [divup] in between some content will split the content into 2 separate divs.
You can enter as many [divup] shortcodes to a post or page as you like. Great for creating columns of content for magazine style websites while keeping shortcode markup to an absolute minimum. DivUp Content never uses inline styles, but it does automatically give divs fiendishly clever classes like first, last, div-1, div-2, div-3, and div-odd, div-even, mul-3, mul-4 (multiple of 1,2,3,4 etc). You can then create your own style rules for the divs in style.css or with <a href="http://themeover.com/" rel="nofollow ugc">Microthemer</a> (a visual design CSS plugin for customizing WordPress sites).
<h4>3 Column Example CSS</h4>
The CSS for a 3 column layout could be:
.divup-wrap { 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
}
<h4>6 Column Example CSS</h4>
For a 6 column layout (with gaps), you would just change the CSS to:
.divup-wrap { 
 display: grid; 
 grid-template-columns: repeat(6, 1fr); 
 gap: 2rem; 
}
For more complex grid layouts with content spanning different numbers of columns and rows, you may find <a href="http://themeover.com/" rel="nofollow ugc">Microthemer</a>‘s visual controls for generating the CSS grid rules quite handy. Just select the .divup-wrap element when editing with Microthemer, and then position the grid items however you like using drag and drop.
<h3>Features added</h3>
NEWEST: 
Added support for adding custom HTML attributes to divs/spans. Use [startwrap custom=’title: read this’] or [divup custom=”data-src:image.jpg”] (the custom attribute can be applied to both [startwrap] and [divup] shortcodes. 
You can also do[startwrap custom=’title: read this|required:some value’] (seperate with a | pipe character for multiple) 
When using [divup], two divs will be created. To apply custom attributes to the first and second divs use a comma e.g.[divup custom=”data-src:image1.jpg, data-src:image2.jpg”]
NEWER: 
Added support for span elements. Use [startwrap type=’span’]. 
Added support for no superfluous child elements. Use [startwrap parent=0] or [startwrap parent=’false’].
NEW: You can also add multiple [startwrap] and [endwrap] shortcodes to control how the divs are wrapped in a wrapper div. This overrides the original auto-wrapper functionality if you choose to use it.**
The best way to understand how DivUp Content works (including the advanced aspects) is to **copy and paste the ONE of the following dummy content examples below into a post or page and then inspect the html with your browser (Right-click > Inpsect) ** – paying attention to the CSS classes it automatically applies to the divs.
<h3>Dummy Content 1</h3>
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup id=’id-a, id-b’ class=’class-a, class-b class-b2′]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup class=’my-class diff ‘]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup id=’my-id’ class=’diff my-class2′]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup class=’diff’]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
<h3>Dummy Content 2</h3>
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[startwrap class=”my-wrap-class another-wrap-class”]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup id=’id-a, id-b’ class=’class-a, class-b class-b2′]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[endwrap]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[startwrap id=”my-wrap-id” class=”hello-wrap”]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup class=’my-class diff ‘]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup id=’my-id’ class=’diff my-class2′]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup class=’diff’]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[divup]
Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page. Some content on this page.
[endwrap]

DivUp Content

Simple and very useful. I initially had a minor issue with WP 4.4.1, but this was immediately fixed. Thanks to the author for being so reactive!



Perfect

Wrap divs around classic editor content using divup shortcodes. Also works for Gutenberg, but you may prefer to use the group block.

Block Editor Search & Replace – Text, Links & Images vs DivUp Content