Function buildToolbar

notes.js:388–1182

(cmd)

    }

    function buildToolbar(cmd) {
        const bar = createElement('div', { className: 'nsn-toolbar' });
        
        // 选区管理变量
        let savedRange = null;
        
        // 保存选区的函数
        function saveSelection() {
            const selection = window.getSelection();
            if (selection && selection.rangeCount > 0) {
                savedRange = selection.getRangeAt(0).cloneRange();
            }
        }
        
        // 恢复选区的函数
        function restoreSelection() {
            if (savedRange) {
                const selection = window.getSelection();
                selection.removeAllRanges();
                selection.addRange(savedRange);
            }
        }
        
        // 为工具栏添加mousedown事件监听器
        bar.addEventListener('mousedown', (e) => {
            // 检测是否点击了颜色容器
            if (e.target.closest('.nsn-color-container')) {
                e.preventDefault();
                saveSelection();
            }
        });
        
        const addBtn = (txt, title, onclick) => {
            const b = createElement('button', { className: 'nsn-btn', title }, [txt]);
            b.addEventListener('click', onclick);
            bar.appendChild(b);
        };

        // 字号
        const sizeSel = createElement('select', { className: 'nsn-select' });
        ;['12px','14px','16px','18px','24px','32px'].forEach((s)=>{
            const opt = createElement('option', { value: s }, [s]);
            if (s === '14px') opt.selected = true;
            sizeSel.appendChild(opt);
        });
        sizeSel.addEventListener('change', () => {
            cmd('fontSizePx', sizeSel.value);
        });
        bar.appendChild(sizeSel);

        addBtn('B', '加粗', () => cmd('bold'));
        addBtn('I', '斜体', () => cmd('italic'));
        addBtn('U', '下划线', () => cmd('underline'));
        
        // 字体颜色选择器容器
        const fontColorContainer = createElement('div', { className: 'nsn-color-container' });
        const fontColorPicker = createElement('input', {
            type: 'color',