TextFormatter/script.js at master · anzilr/TextFormatter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
function toggleFormat(command) {
    let inputText = document.getElementById("inputText").value;
    let outputText = document.getElementById("outputText").value;

    outputText = applyTag(outputText, command);

    document.getElementById("outputText").value = outputText;
}

function applyColor() {
    let inputText = document.getElementById("inputText").value;
    let color = document.getElementById("colorPicker").value;
    let outputText = document.getElementById("outputText").value;

    outputText = applyFontColorTag(outputText, color);

    document.getElementById("outputText").value = outputText;
}

function applyTag(text, tag, attribute = '') {
    let openTag = `<${tag}${attribute ? ' ' + attribute : ''}>`;
    let closeTag = `</${tag}>`;

    if (text.includes(openTag) && text.includes(closeTag)) {
        return text.replace(openTag, '').replace(closeTag, '');
    } else {
        return openTag + text + closeTag;
    }
}

function applyFontColorTag(text, color) {
    let fontTagPattern = /<font color=".*?">(.*?)<\/font>/;

    if (fontTagPattern.test(text)) {
        return text.replace(fontTagPattern, `<font color="${color}">$1</font>`);
    } else {
        return `<font color="${color}">${text}</font>`;
    }
}

function copyToClipboard() {
    let outputText = document.getElementById("outputText");
    outputText.select();
    document.execCommand('copy');
    alert('Formatted text copied to clipboard!');
}

// Allowing pasting plain text only
document.getElementById('inputText').addEventListener('input', function () {
    let inputText = document.getElementById("inputText").value;
    document.getElementById("outputText").value = inputText;
});

// Function to toggle alignment codes
function toggleAlignment(code) {
    let outputText = document.getElementById("outputText").value;

    // Check if the button is for "Bottom/Center" alignment
    if (code === '{\\an2}') {
        outputText = outputText.replace(/\{\\an[1-9]\}/g, ''); // Remove any existing alignment code
    } else {
        // If the alignment code is already present, remove it
        if (outputText.startsWith(code)) {
            outputText = outputText.replace(code, '');
        } else {
            // Remove any existing alignment code and add the new one
            outputText = outputText.replace(/\{\\an[1-9]\}/g, '');
            outputText = code + outputText;
        }
    }

    document.getElementById("outputText").value = outputText;
}