Afshari

Kabook Editor Tools transforms your WordPress editing experience into a modern creative studio. Built on a robust Modular Framework, this plugin gives you professional design capabilities without the bloat of heavy page builders.
Whether you are a loyal fan of the Classic Editor or a power user of Gutenberg, this plugin bridges the gap. It injects a suite of responsive, accessible, and customizable tools directly into your native workflow.
<h3>⚡ The Kabook Philosophy: Speed & Design Harmony</h3>
While professional Page Builders are fantastic for deep customization and designing your site’s core layout, using them (or complex shortcode plugins) for every daily article or product description can be incredibly time-consuming.
Kabook Editor Tools is built for speed. 
Instead of configuring margins, colors, and borders every time you write a post, you define your site’s “Design Harmony” once in our settings panel. After that, you can instantly inject these pre-styled, beautiful elements anywhere in the Classic or Gutenberg editor with a single click.
<ul>
<li>Need deep, element-by-element layout control? We recommend using a Page Builder.</li>
<li>Need blazing-fast, consistent, and beautiful elements while writing daily content? Use Kabook Editor Tools.</li>
</ul>
<h3>🏗️ Modular & Performance First</h3>
We believe plugins should be light. Kabook Editor Tools features a Smart Loader System. You can enable or disable individual modules (like the Media Player or Snippets) from the dashboard, ensuring only the code you need runs on your site.
<h3>🚀 Key Features</h3>
<h4>🎨 Creative Studio & UI Elements</h4>
<ul>
<li>Image Effects 2.0: Apply modern styles to your images instantly.
<ul>
<li>Masks: Turn images into Squircles (iOS style), Blobs, or Diamonds.</li>
<li>Smart Effects: Add Glows, Shadows, and Polaroid frames with one click.</li>
<li>No Distortion: Our smart engine respects your image aspect ratio automatically.</li>
</ul>
</li>
<li>Alert Boxes: Insert Info, Tip, Success, Danger, and Quote boxes with fully customizable colors.</li>
<li>Luxury Cards: Gold/Premium gradient cards perfect for high-end content, plus Dark Mode options.</li>
<li>Architectural Patterns: Choose from 4 unique background patterns (Grid, Checker, Stripes, Zigzag) to add depth to your content.</li>
<li>Magic Text: Apply beautiful gradient effects to headlines to make them pop.</li>
</ul>
<h4>⚛️ Gutenberg Toolkit (The Bridge)</h4>
Miss your classic tools in the Block Editor? We bring them back! 
* Unified Toolbar: Access “Snippets”, “Styles”, “Media”, and “Grid” directly inside Gutenberg. 
* The Eraser: A dedicated button to cleanly remove Kabook styles from any block without deleting your text. 
* Flexible Access: Pin tools to the Top Toolbar for speed or keep them in the Plugins Menu.
<h4>🛠️ Classic Editor Enhancements</h4>
<ul>
<li>Magic Break: Stuck inside a container loop? Use the “Magic Break” button to easily escape boxes.</li>
<li>Compact Mode: Toggle “Icon Only” mode to save toolbar space.</li>
<li>Responsive Grids: Create 2, 3, or 4-column layouts that stack perfectly on mobile devices.</li>
</ul>
<h4>🎨 UI Elements & Advanced Image Effects</h4>
<ul>
<li>Image Shapes & Masks: Break out of the boring square box! Turn your images into Squircles (iOS style), organic Blobs, or sharp Diamonds using advanced CSS clip-paths.</li>
<li>Smart Image Styling: Apply elegant Glows, Soft Shadows, or Polaroid frames. You can globally control border styles (Solid, Double, or Brutalist Offset) and widths directly from the settings.</li>
<li>Interactive Buttons: Create beautifully styled Primary and Outline buttons with dynamic hover animations like Lift Up, Pulse/Scale, and an eye-catching Shine Effect.</li>
<li>Magic Text Gradients: Make your headlines stand out with 5 built-in CSS text gradients (Purple Magic, Gold Rush, Fire, Ocean Blue, and Forest Life).</li>
<li>Entrance Animations: Bring your content to life with lightweight scroll animations (Fade Up, Down, Left, Right, and Zoom In) with adjustable duration speeds.</li>
</ul>
<h4>📦 UI Boxes & Architectural Patterns</h4>
<ul>
<li>Dynamic Alert & Brand Boxes: Insert professionally styled Info, Tip, Success, Danger, and Quote boxes. You have 100% live control over the background, text, and border colors via the admin panel.</li>
<li>CSS-Based Background Patterns: Add depth to your layouts with pure CSS patterns that load instantly. Choose from Grid Paper, Architectural Checker, Diagonal Stripes, or Soft Zigzag. You can fully customize both the background and the pattern line colors to match your brand perfectly.</li>
<li>Luxury & Creative Cards: Need to highlight premium content? Use our signature “Luxury Gold” or “Dark Creative” cards featuring adjustable border radii and fully custom gradient stops.</li>
<li>Inline to Block Magic: Even in the Classic Editor, our smart CSS engine converts simple inline elements into full, responsive block cards seamlessly.</li>
</ul>
<h4>🎵 Advanced Media Player</h4>
<ul>
<li>Smart Sticky Mode: The player automatically floats to the bottom corner when users scroll past it (Picture-in-Picture feel).</li>
<li>SEO Ready: Automatically generates Schema.org (JSON-LD) data for audio/video to boost search rankings.</li>
<li>User Controls: Custom branding, download permissions, and playback speed controls.</li>
</ul>
<h4>🔍 Smart Snippet Manager</h4>
<ul>
<li>Centralize Everything: Don’t memorize shortcodes anymore! Save shortcodes from your Theme, WooCommerce, or Elementor here.</li>
<li>Dynamic Variables: Turn static codes into dynamic tools using variables like <code>{{search:post}}</code> or <code>{{search:product}}</code>.</li>
<li>Live Search: Click a tool, search for a post in the modal, and let the plugin auto-fill the ID.</li>
</ul>
<h3>🛡️ Safety, Privacy & Compliance</h3>
Kabook Editor Tools is built with WordPress.org guidelines as a core principle.
<ul>
<li>No Lock-In: The plugin does not restrict, lock, or limit any WordPress functionality.</li>
<li>No SaaS / No Licensing: There are no license checks, subscriptions, external APIs, or remote servers involved.</li>
<li>No Tracking: The plugin does not collect, transmit, or store personal user data.</li>
<li>No External Assets: All CSS, JavaScript, and icons are bundled locally with the plugin.</li>
<li>Dynamic Styles Only: Any inline CSS or JavaScript is generated at runtime for editor functionality and is never stored in the database.</li>
<li>GPL Compatible: All included code and assets are fully GPL-compatible.</li>
</ul>
<h3>🛡️ Safety & Data Hygiene</h3>
<ul>
<li>Rescue Codes: We provide PHP snippets to keep your content readable even if you deactivate the plugin.</li>
<li>Clean Uninstall: We respect your database. Enable “Clean Uninstall” in settings to wipe all plugin data upon deletion, leaving zero trace behind.</li>
</ul>
<h3>💙 Modern Admin Interface</h3>
Enjoy a beautiful Blue Harmony dashboard with real-time color pickers (Live Preview), iOS-style toggles, and organized tabs for a seamless experience.

Kabook Editor Tools

Supercharge WordPress: Modular UI Elements, Image Effects, Sticky Media Player & a unified Toolkit for Classic & Gutenberg.

mortalis

The Pre button toggles the preformatted style on the selected text or the current line (applies <code><pre></code> tag to blocks). 
The Code button toggles the code style on the selected text or the current word (applies <code><code></code> tag to inline elements).
The default shortcuts for the buttons are:
<ul>
<li>Ctrl+Q – Pre</li>
<li>Ctrl+D – Code</li>
</ul>
In the admin Settings submenu it’s possible to change these shortcuts. 
Press a key combination in the text fields with the Ctrl key included and the text will be filled automatically. Or you can type it manually.
Some combinations may conflict with the default editor or browser shortcuts. 
So check them on your instance.
You may use these types of shortcuts:
<ul>
<li><code>Ctrl+B, .., Z (except AXCV)</code></li>
<li><code>Ctrl+0, .., 9</code></li>
<li><code>Ctrl+[symbols] (-=`[];'\/,.)</code></li>
<li><code>Ctrl+F1, .., F12</code></li>
<li><code>Ctrl+Pad0, .., Pad9</code></li>
<li><code>Ctrl+Pad/, Pad*, Pad+, Pad.</code></li>
<li><code>Ctrl+Shift+...</code></li>
<li><code>Ctrl+Alt+...</code></li>
<li><code>Ctrl+Shift+Alt+...</code></li>
</ul>
This plugin GitHub repository: https://github.com/mortalis13/tinymce-code-formatting.

TinyMCE Code Formatting

Nice and clean made plugin. Thank you!

Adds the Pre and Code buttons to the TinyMCE toolbar with customizable shortcuts

Kabook Editor Tools vs TinyMCE Code Formatting