@2kog/pkg-editor 0.0.1

package/src/assets/js/code.js

@@ -0,0 +1,13 @@
+import hljs from "highlight.js";
+import "highlight.js/styles/github.css";
+
+function renderCode(selector) {
+    if (!selector) {
+        hljs.configure({
+            cssSelector: selector,
+        });
+    }
+    hljs.highlightAll();
+}
+
+export default renderCode;

package/src/assets/js/directory.js

@@ -0,0 +1,113 @@
+import $ from "jquery";
+const count = {
+    H1: 0,
+    H2: 0,
+    H3: 0,
+    H4: 0,
+    H5: 0,
+    H6: 0,
+};
+const MAX_DEPTH = 3;
+const PREFIX_CLS = "lv"; //class前缀
+
+function directory(from, to = "#directory") {
+    // 装载容器设置
+    const $box = $(to);
+    if (!to && $box.length) return;
+
+    // 遍历节点
+    let directories = $(from).find("h1,h2,h3,h4,h5,h6");
+
+    // 存在目录
+    if (directories.length > 1) {
+        let __markTags = analystics(from);
+
+        $box.html(
+            `<div class="c-article-directory" id="c-article-directory">
+                <div class="c-article-directory-title" id="c-article-directory-title">
+                    <span class="c-article-directory-title-label" class="c-go-top"><i class="el-icon-s-promotion"></i> 导读</span>
+                    <span class="c-article-directory-title-folder" class="c-go-top">↕ 折叠</span>
+                </div>
+                <div class="c-article-directory-content" id="c-article-directory-content"></div>
+            </div>`
+        );
+
+        const $directory = $("#c-article-directory-content");
+        const $skip = $(".c-article-directory-title-skip");
+        const $folder = $(".c-article-directory-title-folder");
+
+        // 顶部按钮
+        $folder.on("click", function () {
+            $("#c-article-directory-content").slideToggle();
+        });
+        $skip.on("click", function () {
+            $(document).scrollTop(0);
+        });
+
+        // 遍历捕获的目录项
+        directories.each(function (i, item) {
+            // 进行克隆
+            let _item = $(item).clone();
+            // 解决懒加载跳转位置问题
+            $(item).append(`<a id="directory-${i}"></a>`);
+
+            // 过滤行内样式
+            _item.removeAttr("style");
+            _item.removeAttr("align");
+            _item.removeAttr("color");
+            _item.html($(item).text());
+
+            // 设置原始元素所在的位置
+            // _item.attr("data-skip", ~~$(this).offset().top - 112);
+            _item.data("raw", $(item));
+
+            // 样式设置
+            let _tag = $(item)[0].tagName;
+            if (__markTags.includes(_tag)) {
+                let lv = __markTags.indexOf(_tag) + 1;
+                _item.addClass(PREFIX_CLS + lv);
+            } else {
+                _item.addClass(PREFIX_CLS + 0);
+            }
+
+            //追加到目录盒中
+            $directory.append(_item);
+        });
+
+        // 进行事件委托
+        $directory.on("click", "h1,h2,h3,h4,h5,h6", function () {
+            let target = $(this).data("raw").offset().top;
+            $(document).scrollTop(target - 112);
+            $(this).data("raw").addClass("isScrollFocus");
+            setTimeout(() => {
+                $(this).data("raw").removeClass("isScrollFocus");
+            }, 3500);
+        });
+
+        return true;
+    }
+
+    // 不存在目录
+    return false;
+}
+
+function analystics(from) {
+    // 统计各个级别
+    for (let key in count) {
+        count[key] = $(from).find(key).length;
+    }
+    // 取前3个级别
+    let __c = 0;
+    let __markTags = [];
+    for (let key in count) {
+        if (count[key]) {
+            if (__c < MAX_DEPTH) {
+                __c += 1;
+                __markTags.push(key);
+            }
+        }
+    }
+    return __markTags;
+}
+
+export default directory;

package/src/assets/js/fold.js

@@ -0,0 +1,11 @@
+//折叠文本区
+import $ from "jquery";
+function fold(ele) {
+    $(ele)
+        .find(".e-summary")
+        .on("click", function () {
+            $(this).next(".e-details").slideToggle();
+            $(this).toggleClass("on");
+        });
+}
+export default fold;

package/src/assets/js/gallery.js

@@ -0,0 +1,14 @@
+import $ from "jquery";
+
+function renderGallery(vm, selector = ".c-article img") {
+    $(selector).each((i, ele) => {
+        // 加载全部src（lazyload）
+        vm.images.push($(ele).attr("src"));
+        // 绑定事件挂钩索引位置
+        $(ele).on("click", (e) => {
+            vm.gallery_index = i;
+        });
+    });
+}
+
+export default renderGallery;

package/src/assets/js/hljs_languages.js

@@ -0,0 +1,177 @@
+/**
+ * highlight.js 默认支持（不需要额外装库）的语法
+ * https://github.com/highlightjs/highlight.js/blob/main/SUPPORTED_LANGUAGES.md
+ */
+
+export default [
+    // 不加参数时默认的
+    { text: "JSON", value: "json" },
+    { text: "Lua", value: "lua" },
+    { text: "HTML, XML", value: "xml" },
+    { text: "Bash", value: "bash" },
+    { text: "JavaScript", value: "javascript" },
+    { text: "Python", value: "python" },
+    { text: "Java", value: "java" },
+    { text: "C", value: "c" },
+    { text: "C#", value: "csharp" },
+    { text: "C++", value: "cpp" },
+
+    // 其他支持的
+    { text: "1C", value: "1c" },
+    { text: "ABNF", value: "abnf" },
+    { text: "Access logs", value: "accesslog" },
+    { text: "Ada", value: "ada" },
+    { text: "Arduino (C++ w/Arduino libs)", value: "arduino" },
+    { text: "ARM assembler", value: "armasm" },
+    { text: "AVR assembler", value: "avrasm" },
+    { text: "ActionScript", value: "actionscript" },
+    { text: "AngelScript", value: "angelscript" },
+    { text: "Apache", value: "apache" },
+    { text: "AppleScript", value: "applescript" },
+    { text: "Arcade", value: "arcade" },
+    { text: "AsciiDoc", value: "asciidoc" },
+    { text: "AspectJ", value: "aspectj" },
+    { text: "AutoHotkey", value: "autohotkey" },
+    { text: "AutoIt", value: "autoit" },
+    { text: "Awk", value: "awk" },
+    { text: "Basic", value: "basic" },
+    { text: "BNF", value: "bnf" },
+    { text: "Brainfuck", value: "brainfuck" },
+    { text: "C/AL", value: "cal" },
+    { text: "Cache Object Script", value: "cos" },
+    { text: "CMake", value: "cmake" },
+    { text: "Coq", value: "coq" },
+    { text: "CSP", value: "csp" },
+    { text: "CSS", value: "css" },
+    { text: "Cap’n Proto", value: "capnproto" },
+    { text: "Clojure", value: "clojure" },
+    { text: "CoffeeScript", value: "coffeescript" },
+    { text: "Crmsh", value: "crmsh" },
+    { text: "Crystal", value: "crystal" },
+    { text: "D", value: "d" },
+    { text: "Dart", value: "dart" },
+    { text: "Delphi", value: "dpr" },
+    { text: "Diff", value: "diff" },
+    { text: "Django", value: "django" },
+    { text: "DNS Zone file", value: "dns" },
+    { text: "Dockerfile", value: "dockerfile" },
+    { text: "DOS", value: "dos" },
+    { text: "dsconfig", value: "dsconfig" },
+    { text: "DTS (Device Tree)", value: "dts" },
+    { text: "Dust", value: "dust" },
+    { text: "EBNF", value: "ebnf" },
+    { text: "Elixir", value: "elixir" },
+    { text: "Elm", value: "elm" },
+    { text: "Erlang", value: "erlang" },
+    { text: "Excel", value: "excel" },
+    { text: "F#", value: "fsharp" },
+    { text: "FIX", value: "fix" },
+    { text: "Fortran", value: "fortran" },
+    { text: "G-Code", value: "gcode" },
+    { text: "Gams", value: "gams" },
+    { text: "GAUSS", value: "gauss" },
+    { text: "Gherkin", value: "gherkin" },
+    { text: "Go", value: "go" },
+    { text: "Golo", value: "golo" },
+    { text: "Gradle", value: "gradle" },
+    { text: "Groovy", value: "groovy" },
+    { text: "HTTP", value: "http" },
+    { text: "Haml", value: "haml" },
+    { text: "Handlebars", value: "handlebars" },
+    { text: "Haskell", value: "haskell" },
+    { text: "Haxe", value: "haxe" },
+    { text: "Hy", value: "hy" },
+    { text: "Ini, TOML", value: "ini" },
+    { text: "Inform7", value: "inform7" },
+    { text: "IRPF90", value: "irpf90" },
+    { text: "Julia", value: "julia" },
+    { text: "Kotlin", value: "kotlin" },
+    { text: "LaTeX", value: "tex" },
+    { text: "Leaf", value: "leaf" },
+    { text: "Lasso", value: "lasso" },
+    { text: "Less", value: "less" },
+    { text: "LDIF", value: "ldif" },
+    { text: "Lisp", value: "lisp" },
+    { text: "LiveCode Server", value: "livecodeserver" },
+    { text: "LiveScript", value: "livescript" },
+    { text: "Makefile", value: "makefile" },
+    { text: "Markdown", value: "markdown" },
+    { text: "Mathematica", value: "mathematica" },
+    { text: "Matlab", value: "matlab" },
+    { text: "Maxima", value: "maxima" },
+    { text: "Maya Embedded Language", value: "mel" },
+    { text: "Mercury", value: "mercury" },
+    { text: "Mizar", value: "mizar" },
+    { text: "Mojolicious", value: "mojolicious" },
+    { text: "Monkey", value: "monkey" },
+    { text: "Moonscript", value: "moonscript" },
+    { text: "N1QL", value: "n1ql" },
+    { text: "NSIS", value: "nsis" },
+    { text: "Nginx", value: "nginx" },
+    { text: "Nim", value: "nim" },
+    { text: "Nix", value: "nix" },
+    { text: "OCaml", value: "ocaml" },
+    { text: "Objective C", value: "objectivec" },
+    { text: "OpenGL Shading Language", value: "glsl" },
+    { text: "OpenSCAD", value: "openscad" },
+    { text: "Oracle Rules Language", value: "ruleslanguage" },
+    { text: "Oxygene", value: "oxygene" },
+    { text: "PF", value: "pf" },
+    { text: "PHP", value: "php" },
+    { text: "Parser3", value: "parser3" },
+    { text: "Perl", value: "perl" },
+    { text: "Plaintext", value: "plaintext" },
+    { text: "Pony", value: "pony" },
+    { text: "PostgreSQL & PL/pgSQL", value: "pgsql" },
+    { text: "PowerShell", value: "powershell" },
+    { text: "Processing", value: "processing" },
+    { text: "Prolog", value: "prolog" },
+    { text: "Properties", value: "properties" },
+    { text: "Protocol Buffers", value: "protobuf" },
+    { text: "Puppet", value: "puppet" },
+    { text: "Python profiler results", value: "profile" },
+    { text: "Python REPL", value: "python-repl" },
+    { text: "Q", value: "k" },
+    { text: "QML", value: "qml" },
+    { text: "R", value: "r" },
+    { text: "ReasonML", value: "reasonml" },
+    { text: "RenderMan RIB", value: "rib" },
+    { text: "RenderMan RSL", value: "rsl" },
+    { text: "Roboconf", value: "graph" },
+    { text: "Ruby", value: "ruby" },
+    { text: "Rust", value: "rust" },
+    { text: "SAS", value: "SAS" },
+    { text: "SCSS", value: "scss" },
+    { text: "SQL", value: "sql" },
+    { text: "STEP Part 21", value: "p21" },
+    { text: "Scala", value: "scala" },
+    { text: "Scheme", value: "scheme" },
+    { text: "Scilab", value: "scilab" },
+    { text: "Shell", value: "shell" },
+    { text: "Smali", value: "smali" },
+    { text: "Smalltalk", value: "smalltalk" },
+    { text: "SML", value: "sml" },
+    { text: "Stan", value: "stan" },
+    { text: "Stata", value: "stata" },
+    { text: "Stylus", value: "stylus" },
+    { text: "SubUnit", value: "subunit" },
+    { text: "Swift", value: "swift" },
+    { text: "Tcl", value: "tcl" },
+    { text: "Test Anything Protocol", value: "tap" },
+    { text: "Thrift", value: "thrift" },
+    { text: "TP", value: "tp" },
+    { text: "Twig", value: "twig" },
+    { text: "TypeScript", value: "typescript" },
+    { text: "VB.Net", value: "vbnet" },
+    { text: "VBScript", value: "vbscript" },
+    { text: "VHDL", value: "vhdl" },
+    { text: "Vala", value: "vala" },
+    { text: "Verilog", value: "verilog" },
+    { text: "Vim Script", value: "vim" },
+    { text: "X++", value: "axapta" },
+    { text: "x86 Assembly", value: "x86asm" },
+    { text: "XL", value: "xl" },
+    { text: "XQuery", value: "xquery" },
+    { text: "YAML", value: "yml" },
+    { text: "Zephir", value: "zephir" },
+];

package/src/assets/js/iframe.js

@@ -0,0 +1,112 @@
+// iframeFilter.js
+import { load } from "cheerio";
+
+function normalizeWhitelist(list = []) {
+    return (Array.isArray(list) ? list : [])
+        .map((x) => String(x || "").trim().toLowerCase())
+        .filter(Boolean)
+        .map((x) => {
+            // 允许传入带协议的，如 https://docs.qq.com
+            try {
+                if (/^https?:\/\//i.test(x)) return new URL(x).hostname.toLowerCase();
+            } catch {
+                console.warn(`iframeFilter: 无法解析 whitelist 域名 "${x}"，已忽略该项`);
+            }
+            return x;
+        });
+}
+
+/**
+ * 规则：
+ * - "docs.qq.com" 精确匹配
+ * - "*.qq.com" 只匹配子域（a.qq.com），不匹配根域（qq.com）
+ */
+function matchHost(hostname, whitelist) {
+    const host = (hostname || "").toLowerCase();
+    if (!host) return false;
+
+    for (const rule of whitelist) {
+        if (!rule) continue;
+
+        if (rule.startsWith("*.")) {
+            const root = rule.slice(2);
+            if (root && host.endsWith("." + root)) return true;
+            continue;
+        }
+
+        if (host === rule) return true;
+    }
+    return false;
+}
+
+function normalizeSrcForParse(src = "") {
+    const s = src.trim();
+    if (!s) return "";
+    // 协议相对：//xxx.com/...
+    if (s.startsWith("//")) return "https:" + s;
+    return s;
+}
+
+function getHostnameFromSrc(src = "") {
+    const s = normalizeSrcForParse(src);
+    if (!s) return "";
+
+    // 只对白名单校验 http/https 或 // 这种
+    if (/^https?:\/\//i.test(s)) {
+        try {
+            return new URL(s).hostname.toLowerCase();
+        } catch {
+            return "";
+        }
+    }
+    return "";
+}
+
+/**
+ * @param {string} html - 含 iframe 的 HTML 字符串（片段也行）
+ * @param {string[]} whitelist - 域名白名单，支持 "*.qq.com"
+ * @param {object} [options]
+ * @param {boolean} [options.keepNonHttpSrc=false] - src 不是 http/https（如 about:blank、data:）是否保留
+ */
+export default function iframeFilter(html, whitelist, options = {}) {
+    if (!html) return html;
+
+    const { keepNonHttpSrc = false } = options;
+
+    // 没传 whitelist 或传空数组，都视为“不启用白名单过滤”
+    const wl = normalizeWhitelist(whitelist || []);
+    const enableWhitelist = wl.length > 0;
+
+    const $ = load(`<root>${html}</root>`, { decodeEntities: false });
+
+    $("iframe").each((_, el) => {
+        const iframe = $(el);
+        const srcRaw = iframe.attr("src") ?? "";
+        const src = String(srcRaw).trim();
+        if (!src) return;
+
+        // 不启用过滤：直接放行（可选：仍然处理非 http src）
+        if (!enableWhitelist) {
+            if (!keepNonHttpSrc) {
+                const isHttpLike = src.startsWith("//") || /^https?:\/\//i.test(src);
+                if (!isHttpLike) iframe.attr("src", "");
+            }
+            return;
+        }
+
+        // ======= 启用白名单过滤的逻辑（和之前一样） =======
+        const isHttpLike = src.startsWith("//") || /^https?:\/\//i.test(src);
+        if (!isHttpLike) {
+            if (!keepNonHttpSrc) iframe.attr("src", "");
+            return;
+        }
+
+        const host = getHostnameFromSrc(src);
+        const ok = matchHost(host, wl);
+
+        if (!ok) iframe.attr("src", "");
+        else iframe.attr("src", src);
+    });
+
+    return $("root").html() || "";
+}

package/src/assets/js/img.js

@@ -0,0 +1,67 @@
+import { load } from "cheerio";
+
+function joinDomain(domain, path) {
+    const d = String(domain || "").replace(/\/+$/, "");
+    const p = String(path || "").replace(/^\/+/, "/");
+    return d ? d + p : path;
+}
+
+function isAbsoluteLike(src) {
+    // 不需要拼 domain 的情况
+    return (
+        /^(https?:)?\/\//i.test(src) ||
+        /^(data:|blob:|mailto:|tel:|javascript:)/i.test(src)
+    );
+}
+
+function normalizeImgSrc(src, domain) {
+    const s = String(src || "").trim();
+    if (!s || !domain) return s;
+    if (isAbsoluteLike(s)) return s;
+
+    // 最常见：/uploads/xxx
+    if (s.startsWith("/")) return joinDomain(domain, s);
+
+    // 其它相对路径：uploads/a.png、./a.png
+    // 用 URL 做更准确的拼接（domain 需要是带协议的，如 https://cdn.xxx.com）
+    try {
+        if (/^https?:\/\//i.test(domain)) {
+            const base = domain.endsWith("/") ? domain : domain + "/";
+            return new URL(s, base).toString();
+        }
+    } catch {
+        console.warn("URL 拼接图片路径失败：", domain, s);
+    }
+
+    // 兜底：简单拼到根路径
+    return joinDomain(domain, "/" + s.replace(/^\.\/+/, ""));
+}
+
+/**
+ * @param {string} html 富文本HTML
+ * @param {string} domain 可选：CDN/站点域名（如 https://cdn.xxx.com）
+ */
+export default function lazyLoad(html, domain = "") {
+    if (!html) return html;
+
+    const $ = load(`<root>${html}</root>`, { decodeEntities: false });
+
+    $("img").each((_, el) => {
+        const img = $(el);
+
+        // 固定懒加载：无论如何都加/覆盖
+        img.attr("loading", "lazy");
+
+        // 只有传了 domain 才处理 src 拼接
+        if (domain) {
+            const src = img.attr("src");
+            if (src) img.attr("src", normalizeImgSrc(src, domain));
+
+            // 如果你有用 data-src 之类，也可以一起处理（可删）
+            const dataSrc = img.attr("data-src");
+            if (dataSrc) img.attr("data-src", normalizeImgSrc(dataSrc, domain));
+        }
+    });
+
+    return $("root").html() || "";
+}