neiki-editor 2.9.3 → 2.9.5

package/README.md

@@ -10,8 +10,8 @@
   <img src="https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white" alt="HTML5">
   <img src="https://img.shields.io/badge/css-%23663399.svg?style=for-the-badge&logo=css&logoColor=white" alt="CSS">
   <br>
-  <img src="https://img.shields.io/badge/License-MIT-2563EB?style=for-the-badge&logo=open-source-initiative&logoColor=white&labelColor=000F15&logoWidth=20" alt="License">
-  <img src="https://img.shields.io/badge/Version-2.9.3-2563EB?style=for-the-badge&logo=semantic-release&logoColor=white&labelColor=000F15&logoWidth=20" alt="Version">
+  <img src="https://img.shields.io/badge/License-AGPL--3.0-2563EB?style=for-the-badge&logo=open-source-initiative&logoColor=white&labelColor=000F15&logoWidth=20" alt="License">
+  <img src="https://img.shields.io/badge/Version-2.9.5-2563EB?style=for-the-badge&logo=semantic-release&logoColor=white&labelColor=000F15&logoWidth=20" alt="Version">
 </p>
 
 <p align="center">
@@ -62,7 +62,7 @@ Add this single line — CSS is included automatically, always the **latest vers
 #### Pin a specific version
 
 ```html
-<script src="https://cdn.neikiri.dev/neiki-editor/2.9.3/neiki-editor.min.js"></script>
+<script src="https://cdn.neikiri.dev/neiki-editor/2.9.5/neiki-editor.min.js"></script>
 ```
 
 #### Load CSS and JS separately
@@ -73,8 +73,8 @@ Add this single line — CSS is included automatically, always the **latest vers
 <script src="https://cdn.neikiri.dev/neiki-editor/neiki-editor.js"></script>
 
 <!-- Or pinned -->
-<link rel="stylesheet" href="https://cdn.neikiri.dev/neiki-editor/2.9.3/neiki-editor.css">
-<script src="https://cdn.neikiri.dev/neiki-editor/2.9.3/neiki-editor.js"></script>
+<link rel="stylesheet" href="https://cdn.neikiri.dev/neiki-editor/2.9.5/neiki-editor.css">
+<script src="https://cdn.neikiri.dev/neiki-editor/2.9.5/neiki-editor.js"></script>
 ```
 
 #### Alternative CDN — jsDelivr
@@ -84,15 +84,15 @@ Add this single line — CSS is included automatically, always the **latest vers
 <script src="https://cdn.jsdelivr.net/gh/neikiri/neiki-editor@latest/dist/neiki-editor.min.js"></script>
 
 <!-- Pinned -->
-<script src="https://cdn.jsdelivr.net/gh/neikiri/neiki-editor@2.9.3/dist/neiki-editor.min.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/neikiri/neiki-editor@2.9.5/dist/neiki-editor.min.js"></script>
 
 <!-- Separate files (latest) -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/neikiri/neiki-editor@latest/dist/neiki-editor.css">
 <script src="https://cdn.jsdelivr.net/gh/neikiri/neiki-editor@latest/dist/neiki-editor.js"></script>
 
 <!-- Separate files (pinned) -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/neikiri/neiki-editor@2.9.3/dist/neiki-editor.css">
-<script src="https://cdn.jsdelivr.net/gh/neikiri/neiki-editor@2.9.3/dist/neiki-editor.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/neikiri/neiki-editor@2.9.5/dist/neiki-editor.css">
+<script src="https://cdn.jsdelivr.net/gh/neikiri/neiki-editor@2.9.5/dist/neiki-editor.js"></script>
 ```
 
 #### Package Manager
@@ -147,6 +147,7 @@ const editor = new NeikiEditor('#editor', {
     language: 'en',       // 'en', 'cs', or custom via addTranslation()
     translations: null,   // custom translation keys (merged with built-in)
     autosaveKey: null,    // optional custom localStorage scope for autosave
+    custom_class: null,   // optional custom CSS class for the content area
     toolbar: [
         'viewCode', 'undo', 'redo', 'findReplace', '|',
         'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'removeFormat', '|',
@@ -192,6 +193,7 @@ const editor = new NeikiEditor('#editor', {
 | `onReady` | `function\|null` | `null` | Callback when editor is ready |
 | `showHelp` | `boolean` | `true` | Show Help button in More menu (⋯) |
 | `imageUploadHandler` | `function\|null` | `null` | Async callback `(file) => Promise<url>` for uploading images to a server/CDN instead of base64 |
+| `custom_class` | `string\|null` | `null` | Custom CSS class appended to the editor content area (`neiki-content`) |
 
 ---
 
@@ -742,7 +744,7 @@ neiki-editor/
 
 ## 📄 License
 
-This project is licensed under the MIT License — see the [LICENSE](LICENSE) file for details.
+This project is licensed under the GNU Affero General Public License v3 — see the [LICENSE](LICENSE) file for details.
 
 ---
 

package/dist/neiki-editor.css

@@ -1,7 +1,7 @@
 /**
  * NeikiEditor - Production-Ready WYSIWYG Rich Text Editor
  * CSS Stylesheet
- * Version: 2.9.3
+ * Version: 2.9.5
  */
 
 /* ============================================
@@ -433,6 +433,7 @@
 }
 
 .neiki-content img {
+  display: inline-block;
   max-width: 100%;
   height: auto;
   border-radius: 4px;
@@ -1141,6 +1142,84 @@
   border-radius: 5px 0 0 5px;
 }
 
+.neiki-image-upload-zone {
+  position: relative;
+  display: grid;
+  justify-items: center;
+  gap: 7px;
+  padding: 24px 18px;
+  border: 2px dashed var(--neiki-border-color);
+  border-radius: 8px;
+  background: var(--neiki-bg-secondary);
+  color: var(--neiki-text-secondary);
+  text-align: center;
+  cursor: pointer;
+  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
+}
+
+.neiki-image-upload-zone:hover,
+.neiki-image-upload-zone:focus-visible {
+  border-color: var(--neiki-accent-color);
+  background: var(--neiki-bg-primary);
+  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
+  outline: none;
+}
+
+.neiki-image-upload-zone.drag-over {
+  border-color: var(--neiki-accent-color);
+  background: rgba(13, 110, 253, 0.08);
+}
+
+.neiki-image-upload-zone.has-files {
+  border-style: solid;
+  border-color: var(--neiki-accent-color);
+}
+
+.neiki-image-upload-input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.neiki-image-upload-icon {
+  width: 38px;
+  height: 38px;
+  color: var(--neiki-accent-color);
+}
+
+.neiki-image-upload-icon svg {
+  width: 100%;
+  height: 100%;
+  fill: currentColor;
+}
+
+.neiki-image-upload-title {
+  color: var(--neiki-text-primary);
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.neiki-image-upload-hint,
+.neiki-image-upload-files {
+  max-width: 100%;
+  color: var(--neiki-text-muted);
+  font-size: 12px;
+  line-height: 1.4;
+}
+
+.neiki-image-upload-files {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.neiki-image-upload-zone.has-files .neiki-image-upload-files {
+  color: var(--neiki-accent-color);
+  font-weight: 500;
+}
+
 .neiki-form-row {
   display: flex;
   gap: 16px;
@@ -1513,7 +1592,7 @@
    Floating Selection Toolbar
    ============================================ */
 .neiki-floating-toolbar {
-  position: absolute;
+  position: fixed;
   z-index: 1000;
   display: none;
   background: var(--neiki-bg-primary);
@@ -1975,6 +2054,29 @@
     font-size: 16px; /* Prevents iOS zoom on focus */
   }
 
+  .neiki-image-upload-zone {
+    grid-template-columns: 32px 1fr;
+    justify-items: start;
+    gap: 4px 10px;
+    padding: 14px;
+    text-align: left;
+  }
+
+  .neiki-image-upload-icon {
+    grid-row: span 3;
+    width: 30px;
+    height: 30px;
+  }
+
+  .neiki-image-upload-title {
+    font-size: 13px;
+  }
+
+  .neiki-image-upload-hint,
+  .neiki-image-upload-files {
+    font-size: 11px;
+  }
+
   .neiki-find-replace {
     width: 100%;
     border-radius: 0;