@web-atoms/web-controls 2.1.14 → 2.1.20

package/src/html-editor/commands/HtmlCommands.ts

@@ -0,0 +1,78 @@
+import type HtmlEditor from "../HtmlEditor";
+
+function query(name: keyof typeof HtmlCommands): IHtmlCommand {
+    return {
+        canExecute(e: HtmlEditor): boolean {
+            return e.queryCommandState(name);
+        },
+        execute(e: HtmlEditor, showUI?: boolean, value?: string): boolean {
+            return e.executeCommand(name, showUI, value);
+        }
+    };
+}
+
+export interface IHtmlCommand {
+    canExecute(e: HtmlEditor): boolean;
+    execute(e: HtmlEditor, showUI?: boolean, value?: string): boolean;
+}
+
+export default class HtmlCommands {
+
+    public static backColor = query("backColor");
+    public static bold = query("bold");
+    public static contentReadOnly = query("contentReadOnly");
+    public static copy = query("copy");
+    public static createLink = query("createLink");
+    public static cut = query("cut");
+    public static decreaseFontSize = query("decreaseFontSize");
+    public static defaultParagraphSeparator = query("defaultParagraphSeparator");
+    public static enableAbsolutePositionEditor = query("enableAbsolutePositionEditor");
+    public static enableInlineTableEditing = query("enableInlineTableEditing");
+    public static enableObjectResizing = query("enableObjectResizing");
+    public static fontName = query("fontName");
+    public static fontSize = query("fontSize");
+    public static foreColor = query("foreColor");
+    public static formatBlock = query("formatBlock");
+    public static forwardDelete = query("forwardDelete");
+    public static heading = query("heading");
+    public static hiliteColor = query("hiliteColor");
+    public static increaseFontSize = query("increaseFontSize");
+    public static indent = query("indent");
+    public static insertBrOnReturn = query("insertBrOnReturn");
+    public static insertHorizontalRule = query("insertHorizontalRule");
+    public static insertHTML = query("insertHTML");
+    public static insertImage = query("insertImage");
+    public static insertOrderedList = query("insertOrderedList");
+    public static insertUnorderedList = query("insertUnorderedList");
+    public static insertParagraph = query("insertParagraph");
+    public static insertText = query("insertText");
+    public static italic = query("italic");
+    public static justifyCenter = query("justifyCenter");
+    public static justifyFull = query("justifyFull");
+    public static justifyLeft = query("justifyLeft");
+    public static justifyRight = query("justifyRight");
+    public static outdent = query("outdent");
+    public static paste = query("paste");
+    public static redo = query("redo");
+    public static removeFormat = query("removeFormat");
+    public static selectAll = query("selectAll");
+    public static strikeThrough = query("strikeThrough");
+    public static subscript = query("subscript");
+    public static superscript = query("superscript");
+    public static underline = query("underline");
+    public static undo = query("undo");
+    public static unlink = query("unlink");
+    public static useCSS = query("useCSS");
+    public static styleWithCSS = query("styleWithCSS");
+    public static AutoUrlDetect = query("AutoUrlDetect");
+
+    public static enabled = {
+        canExecute(e) {
+            return true;
+        },
+        execute() {
+            throw new Error("not supported");
+        }
+    };
+
+}

package/src/html-editor/commands/Source.tsx

@@ -4,8 +4,9 @@ import XNode from "@web-atoms/core/dist/core/XNode";
 import StyleRule from "@web-atoms/core/dist/style/StyleRule";
 import PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService";
 import CSS from "@web-atoms/core/dist/web/styles/CSS";
-import { HtmlEditorControl } from "../HtmlEditor";
+import type HtmlEditor from "../HtmlEditor";
 import CommandButton from "./CommandButton";
+import HtmlCommands from "./HtmlCommands";
 
 const css = CSS(StyleRule()
     .child(StyleRule("textarea")
@@ -14,7 +15,7 @@ const css = CSS(StyleRule()
     )
 );
 
-async function showDialog(s: HtmlEditorControl, e: Event): Promise<string> {
+async function showDialog(s: HtmlEditor, e: Event): Promise<string> {
 
     class SourceDialog extends PopupWindow {
 
@@ -41,12 +42,12 @@ async function showDialog(s: HtmlEditorControl, e: Event): Promise<string> {
 }
 
 export default function Source({
-    insertCommand = "createLink"
+    insertCommand = HtmlCommands.enabled
 }) {
     return CommandButton({
         icon: "ri-edit-box-fill",
         insertCommand,
         eventInsertHtml: showDialog,
-        title: "Create Hyper Link"
+        title: "Edit Source Code"
     });
 }

package/src/html-editor/commands/Unlink.tsx

@@ -1,13 +1,13 @@
-import Command from "./Command";
+import CommandButton from "./CommandButton";
+import HtmlCommands from "./HtmlCommands";
 
-export default function Unlink(cmd: any) {
-    return Command({
+export default function Unlink({
+    insertCommand = HtmlCommands.unlink
+}) {
+    return CommandButton({
         icon: "ri-link-unlink-m",
-        queryState: "unlink",
-        title: "Remove Link",
-        ... cmd,
-        command(editor) {
-            editor.executeCommand("unlink");
-        }
+        insertCommand,
+        eventInsertHtml: () => "",
+        title: "Remove Hyperlink"
     });
 }