rj-editor 1.3.0 → 1.3.2

package/README.md

@@ -1,6 +1,6 @@
 # RJ Editor
 
-`rj-editor` is a React rich text editor package for building article editors, admin panels, CMS forms, learning platforms, notes, documentation tools, and other content-heavy interfaces.
+`rj-editor` is a React text editor package for building article editors, admin panels, CMS forms, learning platforms, notes, documentation tools, and other content-heavy interfaces.
 
 It provides a ready-to-use `RJTextEditor` component with a tabbed toolbar, text formatting, tables, links, images, YouTube embeds, fullscreen mode, i18n, theming, and Ant Design Form support.
 
@@ -87,11 +87,19 @@ export function Article({ html }: { html: string }) {
 }
 ```
 
-Exported content includes inline styles for rich editor-only elements such as code blocks, inline code, tables, images, YouTube embeds, and equations. This lets saved HTML render correctly in pages that do not mount the editor stylesheet.
+Exported content includes inline styles for editor-only elements such as code blocks, inline code, tables, images, YouTube embeds, and equations. This lets saved HTML render correctly in pages that do not mount the editor stylesheet.
 
-Exported code blocks keep their header and copy button. Importing `rj-editor` automatically registers the lightweight delegated copy handler, so code block copy controls also work inside content rendered with `dangerouslySetInnerHTML`.
+Exported code blocks keep their header and copy button. The exported copy button includes a small inline fallback, but many applications sanitize HTML or block inline handlers with CSP. For reliable code-block copy controls on pages that only render saved HTML, import the lightweight rendered HTML helper in that client application:
 
-If you sanitize saved HTML before rendering it, keep the exported `style`, `data-rj-editor-code-block`, and `data-rj-editor-code-copy` attributes if you want the built-in rendered styles and copy controls to remain active.
+```tsx
+import 'rj-editor/rendered-html'
+
+export function Article({ html }: { html: string }) {
+  return <article dangerouslySetInnerHTML={{ __html: html }} />
+}
+```
+
+This helper does not mount the editor. It only registers the delegated copy handler for exported code blocks. If you sanitize saved HTML before rendering it, keep the exported `style`, `data-rj-editor-code-block`, `data-rj-editor-code-copy`, and `data-rj-editor-code-content` attributes if you want the built-in rendered styles and copy controls to remain active. The `onclick` attribute is optional when the helper is imported.
 
 Only render trusted or sanitized HTML. Sanitize untrusted user-provided HTML before passing it to `dangerouslySetInnerHTML`.
 
@@ -230,7 +238,8 @@ Important details:
 - Maximum image size is `5MB`.
 - If `onUpload` is not provided, base64 fallback keeps local/demo usage working.
 - `onUpload` is used for image insert, paste, drop, and replace actions.
-- While the upload promise is pending, the relevant image controls show loading and are disabled.
+- While the upload promise is pending, image controls show loading and are disabled, including uploads started by clipboard paste and drag-and-drop.
+- Duplicate clipboard file entries are de-duplicated before insertion and active uploads for the same file share one promise.
 - If the upload promise rejects, the image is not inserted/replaced and the editor shows the localized upload error.
 
 Upload example:
@@ -296,7 +305,7 @@ Available table tools:
 - set vertical alignment;
 - delete table.
 
-Exported tables include inline border, header background, selected-cell cleanup, and rounded corner styles. The exported table palette follows the active editor theme so tables rendered with `dangerouslySetInnerHTML` match the light or dark editor output.
+Exported tables include inline border, header background, selected-cell cleanup, and rounded corner styles. The exported table palette uses neutral translucent colors so saved tables remain readable when the consuming page switches between light and dark mode.
 
 ## Links