packages/muya/src/inlineRenderer/renderer/htmlRuby.ts - develop - githubmirror/marktext

packages/muya/src/inlineRenderer/renderer/htmlRuby.ts

55 строк2 KB

Ran Luo

feat(muya): migrate TS rewrite to packages/muya alongside legacy muyajs (#4314)

29 май 2026, 15:35

29 май 2026, 15:350d86641

import type { HTMLTagToken, ISyntaxRenderOptions } from '../types';
import type Renderer from './index';
import { CLASS_NAMES } from '../../config';
import { htmlToVNode } from '../../utils/snabbdom';

export default function htmlRuby(
    this: Renderer,
    {
        h,
        cursor,
        block,
        token,
        outerClass,
    }: ISyntaxRenderOptions & { token: HTMLTagToken },
) {
    const className = this.getClassName(outerClass, block, token, cursor);
    const { children } = token;
    const { start, end } = token.range;
    const content = this.highlight(h, block, start, end, token);
    const vNode = htmlToVNode(token.raw);
    const previewSelector = `span.${CLASS_NAMES.MU_RUBY_RENDER}`;

    return children?.length
        ? [
                h(`span.${className}.${CLASS_NAMES.MU_RUBY}`, [
                    h(
                        `span.${CLASS_NAMES.MU_INLINE_RULE}.${CLASS_NAMES.MU_RUBY_TEXT}`,
                        content,
                    ),
                    h(
                        previewSelector,
                        {
                            attrs: {
                                contenteditable: 'false',
                                spellcheck: 'false',
                            },
                            dataset: {
                                start: String(start + 6), // '<ruby>'.length
                                end: String(end - 7), // '</ruby>'.length
                            },
                        },
                        vNode,
                    ),
                ]),
                // if children is empty string, no need to render ruby characters...
            ]
        : [
                h(`span.${className}.${CLASS_NAMES.MU_RUBY}`, [
                    h(
                        `span.${CLASS_NAMES.MU_INLINE_RULE}.${CLASS_NAMES.MU_RUBY_TEXT}`,
                        content,
                    ),
                ]),
            ];
}