@mdaemon/html-editor 1.0.7 → 1.0.8

package/README.md

@@ -252,8 +252,8 @@ All built-in toolbar button names that can be used in the `toolbar` config strin
 | `image` | Insert image dialog (upload file or enter URL) |
 | `charmap` | Special character picker (currency, math, arrows, symbols, Greek, punctuation) |
 | `emoticons` | Emoji picker with search (smileys, gestures, hearts, objects, symbols, arrows) |
-| `code` | Toggle code block |
-| `link` | Insert/edit hyperlink dialog |
+| `code` | Open HTML source code editor dialog |
+| `link` | Open Insert/Edit Link dialog |
 | `codesample` | Toggle code sample block |
 | `fullscreen` | Toggle fullscreen editing mode |
 | `preview` | Open content preview in a new window |
@@ -298,6 +298,23 @@ const editor = new HTMLEditor(container, {
 });
 ```
 
+## Source Code Editor
+
+The `code` toolbar button opens a modal dialog for viewing and editing the raw HTML source of the editor content. The dialog features a full-size monospace textarea with the current HTML, **Cancel** and **Save** buttons, and supports Escape to close and Tab to indent.
+
+The dialog inherits the active skin theme — oxide, oxide-dark, confab, and confab-dark are all supported automatically.
+
+## Insert/Edit Link
+
+The `link` toolbar button opens a modal dialog for inserting or editing hyperlinks with the following fields:
+
+- **URL** — the link destination
+- **Text to display** — the visible link text (pre-populated from selection)
+- **Title** — the HTML `title` attribute (shown as a tooltip on hover)
+- **Open link in…** — dropdown to choose between _Current window_ or _New window_ (`target="_blank"`)
+
+When editing an existing link, all fields are pre-populated from the current link attributes. Clearing the URL and saving removes the link. The dialog inherits the active skin theme.
+
 ## Search & Replace
 
 The `searchreplace` toolbar button (or **Ctrl/Cmd+F**) opens a Find & Replace dialog with:

package/dist/index.d.ts

@@ -322,6 +322,29 @@ declare interface LineHeightOptions {
     defaultLineHeight: string;
 }
 
+export declare class LinkEditor {
+    private options;
+    private overlay;
+    private dialog;
+    private urlInput;
+    private textInput;
+    private titleInput;
+    private targetSelect;
+    constructor(options: LinkEditorOptions);
+    private get tiptap();
+    open(): void;
+    close(): void;
+    private populateFromSelection;
+    private save;
+    private createDialog;
+    destroy(): void;
+}
+
+export declare interface LinkEditorOptions {
+    editor: HTMLEditor;
+    trans: (key: string) => string;
+}
+
 /**
  * Main HTMLEditor class interface
  */
@@ -404,6 +427,25 @@ export declare function setTranslate(fn: TranslateFunction): void;
 
 export declare const SignatureBlock: Node_2<any, any>;
 
+export declare class SourceEditor {
+    private options;
+    private overlay;
+    private dialog;
+    private textarea;
+    constructor(options: SourceEditorOptions);
+    private get tiptap();
+    open(): void;
+    close(): void;
+    private save;
+    private createDialog;
+    destroy(): void;
+}
+
+export declare interface SourceEditorOptions {
+    editor: HTMLEditor;
+    trans: (key: string) => string;
+}
+
 /**
  * Template object for email templates
  */
@@ -433,6 +475,8 @@ export declare class Toolbar {
     private emojiPicker;
     private imageUpload;
     private searchReplace;
+    private sourceEditor;
+    private linkEditor;
     private updateInterval;
     private boundClickHandler;
     private boundKeydownHandler;