Changeset 3265158

Timestamp:

04/01/2025 01:06:29 PM (10 months ago)

Author:

twkmedia

Message:

New "force protection" for elements like canvas

Location:

image-protection

Files:

• tags/1.0.1 (added)
• tags/1.0.1/CHANGELOG.md (added)
• tags/1.0.1/README.md (added)
• tags/1.0.1/image-protection.php (added)
• tags/1.0.1/protection.js (added)
• tags/1.0.1/readme.txt (added)
• trunk/CHANGELOG.md (modified) (1 diff)
• trunk/README.md (modified) (2 diffs)
• trunk/image-protection.php (modified) (2 diffs)
• trunk/protection.js (modified) (2 diffs)
• trunk/readme.txt (modified) (2 diffs)

image-protection/trunk/CHANGELOG.md

@@ -5 +5 @@
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+
+## [1.0.1] - 2025-04-01
+
+### Added
+- Added support for forcing protection on specific images or elements (like canvas)
 
 ## [1.0.0] - 2025-03-13

image-protection/trunk/README.md

@@ -5 +5 @@
 **Requires at least:** 5.0  
 **Tested up to:** 6.7
-**Stable tag:** 1.0.0  
+**Stable tag:** 1.0.1  
 **Requires PHP:** 7.4  
 **License:** GPLv2 or later  
@@ -62 +62 @@
    ```
 
+### Can I force protection on specific images or elements (like canvas)?
+Yes, you can force protection on specific images or elements in two ways:
+1. Add the class `force-image-protection` to the image:
+   ```html
+   <img src="image.jpg" class="force-image-protection">
+   ```
+2. Add the data attribute `data-image-protection="true"`:
+   ```html
+   <img src="image.jpg" data-image-protection="true">
+   ```
+This will ensure the image or element is protected even if it would normally be excluded (like SVG images).
+
 ### How can I uninstall the plugin?
 To uninstall, go to the Plugins page in your WordPress admin, find the Image Protection plugin, and click "Deactivate." You can then delete it if desired.
+

image-protection/trunk/image-protection.php

@@ -4 +4 @@
  * Plugin URI: https://wordpress.org/plugins/image-protection
  * Description: Protects images from being copied, saved, or screenshot.
- * Version: 1.0.0
+ * Version: 1.0.1
  * Requires at least: 5.0
  * Requires PHP: 7.4
@@ -24 +24 @@
  * Define plugin constants.
  */
-define( 'IMAGE_PROTECTION_VERSION', '1.0.0' );
+define( 'IMAGE_PROTECTION_VERSION', '1.0.1' );
 define( 'IMAGE_PROTECTION_PLUGIN_DIR', plugin_dir_path( __FILE__ ) );
 define( 'IMAGE_PROTECTION_PLUGIN_URL', plugin_dir_url( __FILE__ ) );

image-protection/trunk/protection.js

@@ -68 +68 @@
 
         getImages() {
+            // Get all images except SVGs
             const images = document.querySelectorAll("img:not([src$='.svg'])");
             this.bgImages = Array.from(document.querySelectorAll('*')).filter(element => {
@@ -74 +75 @@
             });
 
+            // Combine and filter images
             const allImages = [...images, ...this.bgImages];
             this.filteredImages = allImages.filter((img) => {
                 return !img.classList.contains('no-image-protection') && img.getAttribute('data-image-protection') !== 'false';
             });
+
+            // Add elements with data-image-protection="true" or class 'force-image-protection'
+            const forcedProtectionElements = document.querySelectorAll('[data-image-protection="true"], .force-image-protection');
+            this.filteredImages = [...this.filteredImages, ...forcedProtectionElements];
         }
 

image-protection/trunk/readme.txt

@@ -4 +4 @@
 Requires at least: 5.0
 Tested up to: 6.7
-Stable tag: 1.0.0
+Stable tag: 1.0.1
 Requires PHP: 7.4
 License: GPLv2 or later
@@ -60 +60 @@
    <img src="image.jpg" data-image-protection="false">
    ```
-You can also force protection on an image by using `data-image-protection="true"`, which will override any protection-disabling class.
+
+= Can I force protection on specific images or elements (like canvas)? =
+Yes, you can force protection on specific images or elements in two ways:
+1. Add the class `force-image-protection` to the image:
+   ```html
+   <img src="image.jpg" class="force-image-protection">
+   ```
+2. Add the data attribute `data-image-protection="true"`:
+   ```html
+   <img src="image.jpg" data-image-protection="true">
+   ```
+This will ensure the image or element is protected even if it would normally be excluded (like SVG images).
 
 = How can I uninstall the plugin? =