@jx3box/jx3box-editor 2.2.47 → 3.0.0

package/assets/css/tinymce/h.less

@@ -1,58 +0,0 @@
-//标题
-.c-article-tinymce {
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        margin-top: 24px;
-        margin-bottom: 16px;
-        font-weight: 600;
-        line-height: 1.25;
-    }
-
-    h1,
-    h2 {
-        padding-bottom: 0.3em;
-        border-bottom: 1px solid #eaecef;
-    }
-
-    h1 {
-        font-size: 2em;
-    }
-
-    h2 {
-        font-size: 1.5em;
-    }
-
-    h3 {
-        font-size: 1.25em;
-    }
-
-    h4 {
-        font-size: 1em;
-        border-left: 5px solid #0366d6;
-        padding: 6px 10px;
-        background-color: #fafbfc;
-    }
-
-    h5 {
-        font-size: 14px;
-        padding: 8px 10px;
-        background-color: #fafbfc;
-        border-radius: 4px;
-    }
-
-    h6 {
-        font-size: 13px;
-        padding: 5px 0 10px 0;
-        border-bottom: 1px dotted #ddd;
-        &:before {
-            content: ">";
-            color: #ccc;
-            margin-right: 10px;
-            font-family: "宋体", Consolas;
-        }
-    }
-}

package/assets/css/upload.less

@@ -1,105 +0,0 @@
-.c-upload {
-    .u-upload-clear {
-        .pa;
-        .lt(70px, 20px);
-    }
-    .u-upload-tip {
-        padding-right: 10px;
-        padding-top: 6px;
-        padding-bottom: 6px;
-        .el-alert__title {
-            .fz(12px, 16px);
-            padding-right: 20px;
-            .db;
-            .nobreak;
-        }
-        .mb(20px);
-    }
-
-    .el-dialog__body {
-        padding-top: 0;
-    }
-
-    .el-upload-list li {
-        outline: none;
-    }
-
-    .el-upload-list__item {
-        &:hover {
-            border: 1px solid #13ce66;
-        }
-    }
-
-    // 列表
-    .u-file-wrapper {
-        .size(100%);
-        &.isSelected {
-        }
-        &.disabled {
-            cursor: default;
-            opacity: 0.38;
-            border-color: #eee;
-            .u-fileplaceholder {
-                fill: #aaa;
-            }
-        }
-        .pointer;
-    }
-    .u-filebox {
-        .x;
-        padding: 37px;
-    }
-    .u-fileplaceholder {
-        width: 40px;
-        height: 40px;
-        fill: @primary;
-    }
-    .u-filename {
-        .db;
-        .nobreak;
-    }
-
-    // 勾选
-    .u-file-select-label {
-        position: absolute;
-        right: -15px;
-        top: -6px;
-        width: 40px;
-        height: 24px;
-        background: #13ce66;
-        text-align: center;
-        -webkit-transform: rotate(45deg);
-        transform: rotate(45deg);
-        -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
-        box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
-
-        i {
-            font-size: 12px;
-            margin-top: 12px;
-            transform: rotate(-45deg);
-        }
-    }
-
-    .c-large-dialog .el-dialog {
-        .w(60%);
-        height: 70%;
-        .el-dialog__body {
-            height: calc(100% - 70px*2);
-            overflow-y: auto;
-            box-sizing: border-box;
-        }
-    }
-    @media screen and (max-width: @notebook) {
-        .c-large-dialog .el-dialog {
-            .w(90%);
-        }
-    }
-    @media screen and (max-width: @ipad-y) {
-        .c-large-dialog .el-dialog {
-            margin: 0 !important;
-            .size(100%);
-            max-height: none;
-            .h(100%);
-        }
-    }
-}

package/assets/js/katex.js

@@ -1,191 +0,0 @@
-import $ from 'jquery';
-import katex from 'katex';
-import 'katex/dist/katex.min.css';
-
-function renderKatexBlock(selector = ".w-latex") {
-    try {
-        $(selector).each(function(i, ele) {
-            let $katex = $(this);
-            
-            // 获取原始HTML内容
-            let raw = $katex.html();
-            
-            // 处理各种换行组合：
-            // 1. \\<br /> 或 \\<br> -> \\
-            raw = raw.replace(/\\\\\s*<br\s*\/?>/gi, '\\\\');
-            // 2. \<br /> 或 \<br> -> \\  
-            raw = raw.replace(/\\\s*<br\s*\/?>/gi, '\\\\');
-            // 3. 单独的 <br /> -> \\
-            raw = raw.replace(/<br\s*\/?>/gi, '\\\\');
-            
-            // 移除其他HTML标签但保留内容
-            raw = raw.replace(/<[^>]+>/g, '');
-            
-            // 解码HTML实体（如 &nbsp; -> 空格）
-            raw = $('<div>').html(raw).text();
-            
-            // 清理多余的空白字符
-            raw = raw.trim();
-            
-            console.log('Original HTML:', $katex.html());
-            console.log('Processed LaTeX:', raw);
-            
-            katex.render(raw, $katex.get(0), { displayMode: true });
-        });
-    } catch (e) {
-        console.error('KaTeX render error:', e);
-        console.error('Failed content:', $(this).html());
-    }
-}
-
-function renderKatexInline(container = document.body) {
-    // 支持 \(...\) 和 $...$ 两种行内语法
-    // 改进正则表达式，更好地匹配单美元符号
-    const inlineRegex = /(\\\((.+?)\\\)|\$([^$]+?)\$)/g;
-
-    const walker = document.createTreeWalker(
-        container,
-        NodeFilter.SHOW_TEXT,
-        {
-            acceptNode: function (node) {
-                if (
-                    node.parentNode &&
-                    !node.parentNode.closest("pre") &&
-                    (node.nodeValue.includes("\\(") || node.nodeValue.includes("$"))
-                ) {
-                    return NodeFilter.FILTER_ACCEPT;
-                }
-                return NodeFilter.FILTER_REJECT;
-            },
-        }
-    );
-
-    const nodesToReplace = [];
-    while (walker.nextNode()) {
-        nodesToReplace.push(walker.currentNode);
-    }
-
-    console.log('Inline processing nodes:', nodesToReplace.length);
-
-    nodesToReplace.forEach((node) => {
-        const text = node.nodeValue;
-        const frag = document.createDocumentFragment();
-        let lastIndex = 0;
-        let match;
-
-        console.log('Processing text:', text);
-
-        while ((match = inlineRegex.exec(text))) {
-            const fullMatch = match[0];
-            const parenContent = match[2]; // \(...\)的内容
-            const dollarContent = match[3]; // $...$的内容
-            const raw = parenContent || dollarContent;
-            const matchStart = match.index;
-
-            console.log('Found inline match:', fullMatch, 'Raw:', raw);
-
-            // 添加匹配前文本
-            frag.appendChild(document.createTextNode(text.slice(lastIndex, matchStart)));
-
-            try {
-                const span = document.createElement("span");
-                // 处理JavaScript字符串中的双反斜杠转义
-                const processedRaw = raw.replace(/\\\\/g, '\\');
-                console.log('Rendering inline:', processedRaw);
-                // 添加更多选项确保正确渲染
-                span.innerHTML = katex.renderToString(processedRaw, { 
-                    displayMode: false,
-                    throwOnError: false,
-                    strict: false,
-                    trust: true
-                });
-                frag.appendChild(span);
-            } catch (e) {
-                frag.appendChild(document.createTextNode(fullMatch));
-                console.error("Inline render error:", raw, e);
-            }
-
-            lastIndex = inlineRegex.lastIndex;
-        }
-
-        // 剩余文本
-        if (lastIndex < text.length) {
-            frag.appendChild(document.createTextNode(text.slice(lastIndex)));
-        }
-
-        if (frag.hasChildNodes()) {
-            node.parentNode.replaceChild(frag, node);
-        }
-    });
-}
-
-function renderKatexDisplayBlock(container = document.body) {
-    // 支持 $$...$$ 和 \[...\] 两种块语法
-    const blockRegex = /(\$\$\s*([\s\S]+?)\s*\$\$|\\\[\s*([\s\S]+?)\s*\\\])/g;
-
-    const walker = document.createTreeWalker(
-        container,
-        NodeFilter.SHOW_TEXT,
-        {
-            acceptNode: function (node) {
-                if (
-                    node.parentNode &&
-                    !node.parentNode.closest("pre") &&
-                    (node.nodeValue.includes("$$") || node.nodeValue.includes("\\["))
-                ) {
-                    return NodeFilter.FILTER_ACCEPT;
-                }
-                return NodeFilter.FILTER_REJECT;
-            },
-        }
-    );
-
-    const nodesToReplace = [];
-    while (walker.nextNode()) {
-        nodesToReplace.push(walker.currentNode);
-    }
-
-    nodesToReplace.forEach((node) => {
-        const text = node.nodeValue;
-        const frag = document.createDocumentFragment();
-        let lastIndex = 0;
-        let match;
-
-        while ((match = blockRegex.exec(text))) {
-            const fullMatch = match[0];
-            const dollarContent = match[2]; // $$...$$的内容
-            const bracketContent = match[3]; // \[...\]的内容
-            const raw = dollarContent || bracketContent;
-            const matchStart = match.index;
-
-            // 添加匹配前文本
-            frag.appendChild(document.createTextNode(text.slice(lastIndex, matchStart)));
-
-            try {
-                const div = document.createElement("div");
-                // 处理JavaScript字符串中的双反斜杠转义
-                const processedRaw = raw.replace(/\\\\/g, '\\');
-                div.innerHTML = katex.renderToString(processedRaw, { displayMode: true });
-                frag.appendChild(div);
-            } catch (e) {
-                frag.appendChild(document.createTextNode(fullMatch));
-                console.error("Block render error:", raw, e);
-            }
-
-            lastIndex = blockRegex.lastIndex;
-        }
-
-        // 添加剩余文本
-        if (lastIndex < text.length) {
-            frag.appendChild(document.createTextNode(text.slice(lastIndex)));
-        }
-
-        node.parentNode.replaceChild(frag, node);
-    });
-}
-
-export function renderKatexAll(container = document.body) {
-    renderKatexBlock(".w-latex");
-    renderKatexDisplayBlock(container);
-    renderKatexInline(container);
-}

package/assets/js/renderImgPreview.js

@@ -1,25 +0,0 @@
-import $ from 'jquery'
-
-function renderImgPreview(vm, selector='.c-article img'){
-    // 获取src不为空的图片
-    let imgs = $(selector).filter(function(){
-        return $(this).attr('src') != ''
-    })
-    imgs.each((i, ele) => {
-        // 加载全部src（lazyload）
-        vm.images.push($(ele).attr('src'))
-        // 绑定事件挂钩索引位置
-        $(ele).on('click', (e) => {
-            if (e.target.classList.contains('e-jx3-emotion-img')) return
-            vm.$hevueImgPreview({
-                multiple: true,
-                nowImgIndex: i,
-                imgList: vm.images,
-                controlBar: false,
-                clickMaskCLose: true
-            })
-        })
-    })
-}
-
-export default renderImgPreview

package/babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-    presets: ["@vue/cli-plugin-babel/preset"],
-};

package/docs/markdown.md

@@ -1,16 +0,0 @@
-## Markdown
-
-这组件真是垃圾，有时间我一定自己重写一个。。。
-
-
-## main.js引入
-```javascript
-import mavonEditor from "@jx3box/markdown";
-import "@jx3box/markdown/dist/css/index.css";
-Vue.use(mavonEditor)
-```
-
-## 封装模块引入
-```javascript
-import Markdown from '@jx3box/jx3box-editor/src/Markdown.vue'
-```

package/jsconfig.json

@@ -1,9 +0,0 @@
-{
-    "compilerOptions": {
-        "baseUrl": ".",
-        "paths": {
-            "@/*": ["./src/*"]
-        }
-    },
-    "exclude": ["node_modules"]
-}

package/public/article.html

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-    <head>
-        <meta charset="utf-8" />
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-        <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-        <meta name="renderer" content="webkit" />
-        <title><%= htmlWebpackPlugin.options.title %></title>
-        <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
-        <!-- <link rel="stylesheet" href="http://localhost:1024/css/article.css" /> -->
-    </head>
-    <body>
-        <div id="app"></div>
-    </body>
-</html>