☰

Remove quotes - textcolorizer - stuffbydavid

Removes quotation marks around font-family and font-size

// ==UserScript==
// @name        Remove quotes - textcolorizer - stuffbydavid
// @namespace   Violentmonkey Scripts
// @match       https://www.stuffbydavid.com/textcolorizer
// @grant       none
// @version     1.0
// @author      webdevz.sk
// @run-at      document-start
// @description Removes quotation marks around font-family and font-size
// @license MIT
// ==/UserScript==

var scriptNode          = document.createElement ("script");
scriptNode.textContent  = `
  function textcolorizer_handle() {

    if (input_effect!=document.getElementById("input_effect").value) {
        document.getElementById("color_select1").style.visibility="hidden";
        document.getElementById("color_select2").style.visibility="hidden";
        document.getElementById("color_select3").style.visibility="hidden";
        document.getElementById("color_select4").style.visibility="hidden";
        document.getElementById("color_select5").style.visibility="hidden";
        document.getElementById("color_select6").style.visibility="hidden";
        document.getElementById("color_select"+document.getElementById("input_effect").value).style.visibility="visible";
        update=1;
    }
    input_effect=document.getElementById("input_effect").value;

    if (input_color1!=document.getElementById("input_color1").value) {update=1;}
    input_color1=document.getElementById("input_color1").value;

    if (input_color2!=document.getElementById("input_color2").value) {update=1;}
    input_color2=document.getElementById("input_color2").value;

    if (input_color3!=document.getElementById("input_color3").value) {update=1;}
    input_color3=document.getElementById("input_color3").value;

    if (input_color4!=document.getElementById("input_color4").value) {update=1;}
    input_color4=document.getElementById("input_color4").value;

    if (input_color5!=document.getElementById("input_color5").value) {update=1;}
    input_color5=document.getElementById("input_color5").value;

    if (input_color6!=document.getElementById("input_color6").value) {update=1;}
    input_color6=document.getElementById("input_color6").value;

    if (input_color7!=document.getElementById("input_color7").value) {update=1;}
    input_color7=document.getElementById("input_color7").value;

    if (input_color8!=document.getElementById("input_color8").value) {update=1;}
    input_color8=document.getElementById("input_color8").value;

    if (input_text!=document.getElementById("input_text").value) {update=1;}
    input_text=document.getElementById("input_text").value;

    if (input_font!=document.getElementById("input_font").value) {update=1;}
    input_font=document.getElementById("input_font").value;

    if (input_size!=document.getElementById("input_size").value) {update=1;}
    input_size=document.getElementById("input_size").value;

    if (input_bold!=document.getElementById("input_bold").checked) {update=1;}
    input_bold=document.getElementById("input_bold").checked;

    if (input_italic!=document.getElementById("input_italic").checked) {update=1;}
    input_italic=document.getElementById("input_italic").checked;

    if (input_colorword!=document.getElementById("input_colorword").checked) {update=1;}
    input_colorword=document.getElementById("input_colorword").checked;

    if (update==1) {
        update=0;
        str_html="";
        str_bbcode="";
        var str_bbcodeend="";
        str_style="";
        if (input_bold==1) {str_style+="font-weight:bold;"; str_bbcode+="[b]"; str_bbcodeend="[/b]"+str_bbcodeend;}
        if (input_italic==1) {str_style+="font-style:italic;"; str_bbcode+="[i]"; str_bbcodeend="[/i]"+str_bbcodeend;}
        if (input_font!="") {str_style+='font-family:"'+input_font+'";'; str_bbcode+='[font='+input_font+']'; str_bbcodeend="[/font]"+str_bbcodeend;}
        if (input_size!="0") {
            var str_size;
            str_size=""
            if (input_size=="1") str_size="10px"
            if (input_size=="2") str_size="12px"
            if (input_size=="3") str_size="15px"
            if (input_size=="4") str_size="17px"
            if (input_size=="5") str_size="22px"
            if (input_size=="6") str_size="27px"
            if (input_size=="7") str_size="35px"
            str_style+='font-size:'+str_size+';';
            str_bbcode+='[size='+input_size+']';
            str_bbcodeend="[/size]"+str_bbcodeend;
        }
        if (str_style!="") str_html+="<span style='"+str_style+"'>";
        var a,r,g,b,rinc,ginc,binc,ccol;
        if (input_effect=="1") {
            r=hexToR(input_color1)
            g=hexToG(input_color1)
            b=hexToB(input_color1)
            rinc=(hexToR(input_color2)-r)/input_text.length
            ginc=(hexToG(input_color2)-g)/input_text.length
            binc=(hexToB(input_color2)-b)/input_text.length
            for (a=0; a<input_text.length; a++) {
                ccol=rgbToHex(r,g,b);
                if (input_text.charAt(a)==" ") {
                    str_html+=" ";
                    str_bbcode+=" ";
                } else {
                    str_html+="<span style='color:#"+ccol+";'>"+input_text.charAt(a)+"</span>";
                    str_bbcode+='[color=#'+ccol+']'+input_text.charAt(a)+"[/color]";
                }
                r+=rinc;
                g+=ginc;
                b+=binc;
            }
        } else if (input_effect=="2") {
            r=hexToR(input_color3)
            g=hexToG(input_color3)
            b=hexToB(input_color3)
            rinc=(hexToR(input_color4)-r)/Math.floor(input_text.length/2)
            ginc=(hexToG(input_color4)-g)/Math.floor(input_text.length/2)
            binc=(hexToB(input_color4)-b)/Math.floor(input_text.length/2)
            for (a=0; a<input_text.length; a++) {
                ccol=rgbToHex(r,g,b);
                if (input_text.charAt(a)==" ") {
                    str_html+=" ";
                    str_bbcode+=" ";
                } else {
                    str_html+="<span style='color:#"+ccol+";'>"+input_text.charAt(a)+"</span>";
                    str_bbcode+='[color=#'+ccol+']'+input_text.charAt(a)+"[/color]";
                }
                if (a<Math.floor(input_text.length/2)) {
                    r+=rinc;
                    g+=ginc;
                    b+=binc;
                } else {
                    r-=rinc;
                    g-=ginc;
                    b-=binc;
                }
            }
        } else if (input_effect=="3") {
            r=hexToR(input_color5)
            g=hexToG(input_color5)
            b=hexToB(input_color5)
            rinc=(hexToR(input_color6)-r)/Math.floor(input_text.length/2)
            ginc=(hexToG(input_color6)-g)/Math.floor(input_text.length/2)
            binc=(hexToB(input_color6)-b)/Math.floor(input_text.length/2)
            var r2,g2,b2,rinc2,ginc2,binc2;
            r2=hexToR(input_color6)
            g2=hexToG(input_color6)
            b2=hexToB(input_color6)
            rinc2=(hexToR(input_color7)-r2)/Math.floor(input_text.length/2)
            ginc2=(hexToG(input_color7)-g2)/Math.floor(input_text.length/2)
            binc2=(hexToB(input_color7)-b2)/Math.floor(input_text.length/2)
            for (a=0; a<input_text.length; a++) {
                ccol=rgbToHex(r,g,b);
                if (input_text.charAt(a)==" ") {
                    str_html+=" ";
                    str_bbcode+=" ";
                } else {
                    str_html+="<span style='color:#"+ccol+";'>"+input_text.charAt(a)+"</span>";
                    str_bbcode+='[color=#'+ccol+']'+input_text.charAt(a)+"[/color]";
                }
                if (a<Math.floor(input_text.length/2)) {
                    r+=rinc;
                    g+=ginc;
                    b+=binc;
                } else {
                    r+=rinc2;
                    g+=ginc2;
                    b+=binc2;
                }
            }
        } else if (input_effect=="4") {
            str_html+="<span style='color:"+input_color8+";'>"+input_text+"</span>"
            str_bbcode+='[color='+input_color8+']'+input_text+"[/color]";
        } else if (input_effect=="5") {
            var i=0;
            for (a=0; a<input_text.length; a++) {
                ccol=random_char[i];
                if (input_colorword==0) i++;
                if (input_colorword==1 && input_text.charAt(a)==" ") i++;
                if (a>=random_length) {
                    str_html+=input_text.charAt(a)
                    str_bbcode+=input_text.charAt(a)
                } else {
                    if (input_colorword==0) {
                        if (input_text.charAt(a)==" ") {
                            str_html+=" ";
                            str_bbcode+=" ";
                        } else {
                            str_html+="<span style='color:#"+ccol+";'>"+input_text.charAt(a)+"</span>";
                            str_bbcode+='[color=#'+ccol+']'+input_text.charAt(a)+"[/color]";
                        }
                    } else {
                        if (a==0 || input_text.charAt(a-1)==" ") {
                            str_html+="<span style='color:#"+ccol+";'>"+input_text.charAt(a);
                            str_bbcode+='[color=#'+ccol+']'+input_text.charAt(a);
                        } else if (a==input_text.length-1 || input_text.charAt(a)==" ") {
                            str_html+=input_text.charAt(a)+"</span>";
                            str_bbcode+=input_text.charAt(a)+'[/color]';
                        } else {
                            str_html+=input_text.charAt(a);
                            str_bbcode+=input_text.charAt(a);
                        }
                    }
                }
            }
        } else if (input_effect=="6") {
            var i,s,p;
            for (a=0; a<input_text.length; a++) {
                i=a/input_text.length;
                s=1/6
                p=(i%s)/s
                if (i>=s*0) ccol=rgbToHex(255,255*p,0);
                if (i>=s*1) ccol=rgbToHex(255*(1-p),255,0);
                if (i>=s*2) ccol=rgbToHex(0,255,255*p);
                if (i>=s*3) ccol=rgbToHex(0,255*(1-p),255);
                if (i>=s*4) ccol=rgbToHex(255*p,0,255);
                if (i>=s*5) ccol=rgbToHex(255,0,255*(1-p));
                if (input_text.charAt(a)==" ") {
                    str_html+=" ";
                    str_bbcode+=" ";
                } else {
                    str_html+="<span style='color:#"+ccol+";'>"+input_text.charAt(a)+"</span>";
                    str_bbcode+='[color=#'+ccol+']'+input_text.charAt(a)+"[/color]";
                }
            }
        }
        if (str_style!="") {str_html+="</span>"}
        document.getElementById("div_preview").innerHTML="<span style='font-size:12px'>"+str_html+"</span>";
        document.getElementById("output_bbcode").value=str_bbcode+str_bbcodeend;
        document.getElementById("output_html").value=str_html;
    }
    setTimeout(textcolorizer_handle,50)
}
`;
document.head.appendChild (scriptNode);