分离出Discuz! 5.0发帖时使用的编辑器与大家分享！

时间:2021-03-17 人气:0

想了解分离出Discuz! 5.0发帖时使用的编辑器与大家分享！的相关内容吗，在本文为您仔细讲解的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：分离出Discuz!,5.0发帖时使用的编辑器与大家分享！，下面大家一起来学习吧。

下载:http://www.51files.com/?J92GBH7XEOTL69E

/****************************************************************************** 
  UBB Editor - modify for GzFangZiSystem 
  Copyright 2006-2008 Webdot. (http://www.gzfangzi.com) 
*******************************************************************************/ 
var re; 
var pcodecount = '-1'; 
var codecount = 0; 
var codehtml = new Array(); 
var prepend = ''; 
var append = ''; 

function addslashes(str) { 
    var searcharray = ['\\', '\'', '/', '(', ')', '[', ']', '{', '}', '^', '$', '?', '.', '*', '+', '|']; 
    var replacearray = ['\\\\', '\\\'', '\\/', '\\(', '\\)', '\\[', '\\]', '\\{', '\\}', '\\^', '\\$', '\\?', '\\.', '\\*', '\\+', '\\|']; 
    var len = searcharray.length; 

    for(var i = 0; i < len; i++) { 
        str = str.replace(searcharray[i], replacearray[i]); 
    } 

    return str; 
} 

function atag(aoptions, text) { 
    if(trim(text) == '') { 
        return ''; 
    } 

    href = getoptionvalue('href', aoptions); 

    if(href.substr(0, 11) == 'javascript:') { 
        return trim(recursion('a', text, 'atag')); 
    } else if(href.substr(0, 7) == 'mailto:') { 
        tag = 'email'; 
        href = href.substr(7); 
    } else { 
        tag = 'url'; 
    } 

    return '[' + tag + '=' + href + ']' + trim(recursion('a', text, 'atag')) + '[/' + tag + ']'; 
} 
function bbcode2html(str) { 

    str = trim(str); 

    if(str == '') { 
        return ''; 
    } 

    if(!fetchCheckbox('bbcodeoff') && allowbbcode) { 
        str= str.replace(/\s*\[code\]([\s\S]+?)\[\/code\]\s*/ig, function($1, $2) {return parsecode($2);}); 
    } 

    if(!forumallowhtml && !(allowhtml && fetchCheckbox('htmlon'))) { 
        str = str.replace(/</ig, '<'); 
        str = str.replace(/>/ig, '>'); 
    } 

    if(!fetchCheckbox('smileyoff') && allowsmilies) { 
        for(id in smilies) { 
            re = new RegExp(addslashes(smilies[id]['code']), "g"); 
            str = str.replace(re, '<img src="images/Emotions/' + smilies[id]['url'] + '" border="0" smilieid="' + id + '" alt="' + smilies[id]['code'] + '" />'); 
        } 

    } 

    if(!fetchCheckbox('parseurloff')) { 
        str = str.replace(/^((http|https|ftp|rtsp|mms):\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig, '<a href="$1" target="_blank">$1</a>'); 
        str = str.replace(/((http|https|ftp|rtsp|mms):\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)$/ig, '<a href="$1" target="_blank">$1</a>'); 
        str = str.replace(/[^>=\]""]((http|https|ftp|rtsp|mms):\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig, '<a href="$1" target="_blank">$1</a>'); 
    } 

    if(!fetchCheckbox('bbcodeoff') && allowbbcode) { 
        str= str.replace(/\[url\]\s*(www.|https?:\/\/|ftp:\/\/|gopher:\/\/|news:\/\/|telnet:\/\/|rtsp:\/\/|mms:\/\/|callto:\/\/|ed2k:\/\/){1}([^\[\"']+?)\s*\[\/url\]/ig, function($1, $2, $3) {return cuturl($2 + $3);}); 
        str= str.replace(/\[url=www.([^\[\"']+?)\](.+?)\[\/url\]/ig, '<a href="http://www.$1" target="_blank">$2</a>'); 
        str= str.replace(/\[url=(https?|ftp|gopher|news|telnet|rtsp|mms|callto|ed2k){1}:\/\/([^\[\"']+?)\]([\s\S]+?)\[\/url\]/ig, '<a href="$1://$2" target="_blank">$3</a>'); 

        str= str.replace(/\[email\](.*?)\[\/email\]/ig, '<a href="mailto:$1">$1</a>'); 

        str= str.replace(/\[email=(.[^\[]*)\](.*?)\[\/email\]/ig, '<a href="mailto:$1" target="_blank">$2</a>'); 

        str = str.replace(/\[color=([^\[\<]+?)\]/ig, '<font color="$1">'); 

        str = str.replace(/\[size=(\d+?)\]/ig, '<font size="$1">'); 
        str = str.replace(/\[size=(\d+(px|pt|in|cm|mm|pc|em|ex|%)+?)\]/ig, '<font style="font-size: $1">'); 
        str = str.replace(/\[font=([^\[\<]+?)\]/ig, '<font face="$1">'); 
        str = str.replace(/\[align=([^\[\<]+?)\]/ig, '<p align="$1">'); 

        re = /\s*\[table(=(\d{1,3}%?))?\][\n\r]*([\s\S]+?)[\n\r]*\[\/table\]\s*/ig; 
        str = str.replace(re, function($1, $2, $3, $4) {return parsetable($3, $4);}); 
        str = str.replace(re, function($1, $2, $3, $4) {return parsetable($3, $4);}); 
        str = str.replace(re, function($1, $2, $3, $4) {return parsetable($3, $4);}); 
        str = str.replace(re, function($1, $2, $3, $4) {return parsetable($3, $4);}); 

        var searcharray = new Array( 
            '\\\[\\\/color\\\]', '\\\[\\\/size\\\]', '\\\[\\\/font\\\]', '\\\[\\\/align\\\]', '\\\[b\\\]', '\\\[\\\/b\\\]', 
            '\\\[i\\\]', '\\\[\\\/i\\\]', '\\\[u\\\]', '\\\[\\\/u\\\]', '\\\[list\\\]', '\\\[list=1\\\]', '\\\[list=a\\\]', 
            '\\\[list=A\\\]', '\\\[\\\*\\\]', '\\\[\\\/list\\\]', '\\\[indent\\\]', '\\\[\\\/indent\\\]' 
        ); 
        var replacearray = new Array( 
            '</font>', '</font>', '</font>', '</p>', '<b>', '</b>', '<i>', 
            '</i>', '<u>', '</u>', '<ul>', '<ol type=1>', '<ol type=a>', 
            '<ol type=A>', '<li>', '</ul></ol>', '<blockquote>', '</blockquote>' 
        ); 
        var len = searcharray.length; 
        for(var i = 0; i < len; i++) { 
            re = new RegExp(searcharray[i], "ig"); 
            str = str.replace(re, replacearray[i]); 
        } 
    } 

    if(!fetchCheckbox('bbcodeoff')) { 
        if(allowimgcode) { 
            str = str.replace(/\[img\]\s*([^\[\<\r\n]+?)\s*\[\/img\]/ig, '<img src="$1" border="0" onload="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt=\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\';}" onmouseover="if(this.width>screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor=\'hand\'; this.alt=\'Click here to open new window\\nCTRL+Mouse wheel to zoom in/out\';}" onclick="if(!this.resized) {return true;} else {window.open(\'$1\');}" onmousewheel="return imgzoom(this);" alt="" />'); 
            str = str.replace(/\[img=(\d{1,3})[x|\,](\d{1,3})\]\s*([^\[\<\r\n]+?)\s*\[\/img\]/ig, '<img width="$1" height="$2" src="$3" border="0" alt="" />'); 

        } else { 
            str = str.replace(/\[img\]\s*([^\[\<\r\n]+?)\s*\[\/img\]/ig, '<a href="$1" target="_blank">$1</a>'); 
            str = str.replace(/\[img=(\d{1,3})[x|\,](\d{1,3})\]\s*([^\[\<\r\n]+?)\s*\[\/img\]/ig, '<a href="$1" target="_blank">$1</a>'); 
        } 
    } 

    for(var i = 0; i <= pcodecount; i++) { 
        str = str.replace("[\tWEB_CODE_" + i + "\t]", codehtml[i]); 
    } 

    if(!forumallowhtml && !(allowhtml && fetchCheckbox('htmlon'))) { 
        str = str.replace(/\t/ig, '        '); 
        str = str.replace(/   /ig, '   '); 
        str = str.replace(/  /ig, '  '); 
        str = str.replace(/\r\n/ig, '<br />'); 
        str = str.replace(/[\r\n]/ig, '<br />'); 
    } 
    return(str); 
} 

function codetag(text) { 
    pcodecount++; 

    text = text.replace(/<br[^\>]*>/ig, "\n"); 
    text = text.replace(/^[\n\r]*([\s\S]+?)[\n\r]*$/ig, '$1'); 
    text = text.replace(/<(\/|)[A-Za-z].*?>/ig, ''); 

    codehtml[pcodecount] = "[code]" + text + "

";
    codecount++;
    return "[\tWEB_CODE_" + pcodecount + "\t]";
}

function cuturl(url) {
    var length = 65;
    var urllink = '<a href="' + (url.toLowerCase().substr(0, 4) == 'www.' ? 'http://' + url : url) + '" target="_blank">';
    if(url.length > length) {
        url = url.substr(0, parseInt(length * 0.5)) + ' ... ' + url.substr(url.length - parseInt(length * 0.3));
    }
    urllink += url + '</a>';
    return urllink;
}

function dpstag(options, text, tagname) {
    prepend = append = '';
    parsestyle(options, append);
    if(in_array(tagname, ['div', 'p'])) {
        align = getoptionvalue('align', options);
        if(in_array(align, ['left', 'center', 'right'])) {
            prepend = '[align=' + align + ']' + prepend;
            append += '[/align]';
        } else {
            append += "\n";
        }
    }
    return prepend + recursion(tagname, text, 'dpstag') + append;
}

function fetchCheckbox(cbn) {
    return $(cbn) && $(cbn).checked == true ? 1 : 0;
}

function fetchoptionvalue(option, text) {
    if((position = strpos(text, option)) !== false) {
        delimiter = position + option.length;
        if(text.charAt(delimiter) == '"') {
            delimchar = '"';
        } else if(text.charAt(delimiter) == '\'') {
            delimchar = '\'';
        } else {
            delimchar = ' ';
        }
        delimloc = strpos(text, delimchar, delimiter + 1);
        if(delimloc === false) {
            delimloc = text.length;
        } else if(delimchar == '"' || delimchar == '\'') {
            delimiter++;
        }
        return trim(text.substr(delimiter, delimloc - delimiter));
    } else {
        return '';
    }
}

function fonttag(fontoptions, text) {
    prepend = append = '';
    var tags = new Array();
    tags = {'font' : 'face=', 'size' : 'size=', 'color' : 'color='};
    for(bbcode in tags) {
        optionvalue = fetchoptionvalue(tags[bbcode], fontoptions);
        if(optionvalue) {
            prepend += '[' + bbcode + '=' + optionvalue + ']';
            append = '[/' + bbcode + ']' + append;
        }
    }

    parsestyle(fontoptions, append);
    return prepend + recursion('font', text, 'fonttag') + append;
}

function getoptionvalue(option, text) {
    re = new RegExp(option + "(\s+?)?\=(\s+?)?[\"']?(.+?)([\"']|$|>)", "ig");
    var matches = re.exec(text);
    if(matches != null && matches.length) {
        return trim(matches[3]);
    }
    return '';
}

function html2bbcode(str) {

    str = trim(str);

    if(str == '' || forumallowhtml || (allowhtml && fetchCheckbox('htmlon'))) {
        return str;
    }

    str= str.replace(/\s*\[code\]([\s\S]+?)\[\/code\]\s*/ig, function($1, $2) {return codetag($2);});
    str = str.replace(/<style.*?>[\s\S]*?<\/style>/ig, '');
    str = str.replace(/<script.*?>[\s\S]*?<\/script>/ig, '');
    str = str.replace(/<noscript.*?>[\s\S]*?<\/noscript>/ig, '');
    str = str.replace(/<select.*?>[\s\S]*?<\/select>/ig, '');
    str = str.replace(/<object.*?>[\s\S]*?<\/object>/ig, '');
    str = str.replace(//ig, '');
    str = str.replace(/on(mousewheel|mouseover|click|load|unload|submit|focus|blur)="[^"]*"/ig, '');
    str = str.replace(/(\r\n|\n|\r)/ig, '');

    str = str.replace(/<table([^>]*width[^>]*)>/ig, function($1, $2) {return tabletag($2);});
    str = str.replace(/<table[^>]*>/ig, '[table]');
    str = str.replace(/<tr[^>]*>/ig, '[tr]');
    str = str.replace(/<td>/ig, '[td]');
    str = str.replace(/<td([^>]+)>/ig, function($1, $2) {return tdtag($2);});
    str = str.replace(/<\/td>/ig, '[/td]');
    str = str.replace(/<\/tr>/ig, '[/tr]');
    str = str.replace(/<\/table>/ig, '[/table]');

    str = str.replace(/<h([0-9]+)[^>]*>(.*)<\/h\\1>/ig, "[size=$1]$2[/size]\n\n");
    str = str.replace(/<img[^>]+smilieid=(["']?)(\d+)(\1)[^>]*>/ig, function($1, $2, $3) {return smilies[$3]['code'];});
    str = str.replace(/<img([^>]*src[^>]*)>/ig, function($1, $2) {return imgtag($2);});
    str = str.replace(/<a\s+?name=(["']?)(.+?)(\1)[\s\S]*?>([\s\S]*?)<\/a>/ig, "$3");
    str = str.replace(/<br[^\>]*>/ig, "\n");

    str = recursion('b', str, 'simpletag', 'b');
    str = recursion('strong', str, 'simpletag', 'b');
    str = recursion('i', str, 'simpletag', 'i');
    str = recursion('em', str, 'simpletag', 'i');
    str = recursion('u', str, 'simpletag', 'u');
    str = recursion('a', str, 'atag');
    str = recursion('font', str, 'fonttag');
    str = recursion('blockquote', str, 'simpletag', 'quote');
    str = recursion('ol', str, 'listtag');
    str = recursion('ul', str, 'listtag');
    str = recursion('div', str, 'dpstag');
    str = recursion('p', str, 'dpstag');
    str = recursion('span', str, 'dpstag');

    str = str.replace(/<[\/\!]*?[^<>]*?>/ig, '');

    for(var i = 0; i <= pcodecount; i++) {
        str = str.replace("[\tWEB_CODE_" + i + "\t]", codehtml[i]);
    }

    str = str.replace(/&/ig, '&');
    str = str.replace(/ /ig, ' ');
    str = str.replace(/</ig, '<');
    str = str.replace(/>/ig, '>');

    return str
}

function htmlspecialchars(str) {

    var f = new Array(
        (is_mac && is_ie ? new RegExp('&', 'g') : new RegExp('&(?!#[0-9]+;)', 'g')),
        new RegExp('<', 'g'),
        new RegExp('>', 'g'),
        new RegExp('"', 'g')
    );
    var r = new Array(
        '&',
        '<',
        '>',
        '"'
    );

    for(var i = 0; i < f.length; i++) {
        str = str.replace(f[i], r[i]);
    }

    return str;
}

function imgtag(attributes) {
    var width = '';
    var height = '';

    re = /src=(["']?)([\s\S]*?)(\1)/i;
    var matches = re.exec(attributes);
    if(matches != null) {
        var src = matches[2];
    } else {
        return '';
    }

    re = /width=(["']?)(\d+)(\1)/i;
    var matches = re.exec(attributes);
    if(matches != null) {
        width = matches[2];
    }

    re = /height=(["']?)(\d+)(\1)/i;
    var matches = re.exec(attributes);
    if(matches != null) {
        height = matches[2];
    }

    return width > 0 && height > 0 ?
        '[img=' + width + ',' + height + ']' + src + '[/img]' :
        '[img]' + src + '[/img]';
}

function listtag(listoptions, text, tagname) {
    text = text.replace(/<li>(([\s\S](?!<\/li))*?)(?=<\/?ol|<\/?ul|<li|\[list|\[\/list)/ig, '<li>$1</li>') + (is_opera ? '</li>' : '');
    text = recursion('li', text, 'litag');
    var opentag = '[list]';
    if(tagname == 'ol') {
        var listtype = fetchoptionvalue('type=', listoptions);
        listtype = listtype != '' ? listtype : '1';
        if(in_array(listtype, ['1', 'a', 'A'])) {
            opentag = '[list=' + listtype + ']';
        }
    }
    return text ? opentag + recursion(tagname, text, 'listtag') + '[/list]' : '';
}

function litag(listoptions, text) {
    return '[*]' + text.replace(/(\s+)$/g, '');
}

function parsecode(text) {
    pcodecount++;

    text = text.replace(/^[\n\r]*([\s\S]+?)[\n\r]*$/ig, '$1');
    text = htmlspecialchars(text);

    codehtml[pcodecount] = '

复制代码代码如下:

' + text + '

';

    codecount++;
    return "[\tWEB_CODE_" + pcodecount + "\t]";
}

function parsestyle(tagoptions, appendtags) {
    var searchlist = [
        ['align', true, 'text-align:\\s*(left|center|right);?', 1],
        ['color', true, '^(?:\\s|)color:\\s*([^;]+);?', 1],
        ['font', true, 'font-family:\\s*([^;]+);?', 1],
        ['size', true, 'font-size:\\s*(\\d+(px|pt|in|cm|mm|pc|em|ex|%|));?', 1],
        ['b', false, 'font-weight:\\s*(bold);?'],
        ['i', false, 'font-style:\\s*(italic);?'],
        ['u', false, 'text-decoration:\\s*(underline);?']
    ];
    var style = getoptionvalue('style', tagoptions);
    re = /^(?:\s|)color:\s*rgb$(\d+),\s*(\d+),\s*(\d+)$(;?)/ig;
    style = style.replace(re, function($1, $2, $3, $4, $5) {return("color:#" + parseInt($2).toString(16) + parseInt($3).toString(16) + parseInt($4).toString(16) + $5);});
    var len = searchlist.length;
    for(var i = 0; i < len; i++) {
        re = new RegExp(searchlist[i][2], "ig");
        match = re.exec(style);
        if(match != null) {
            opnvalue = match[searchlist[i][3]];
            prepend += '[' + searchlist[i][0] + (searchlist[i][1] == true ? '=' + opnvalue + ']' : ']');
            append = '[/' + searchlist[i][0] + ']' + appendtags;
        }
    }
}

function parsetable(width, str) {
    if(typeof width == 'undefined') {
        var width = '';
    } else {
        width = width.substr(width.length - 1, width.length) == '%' ? (width.substr(0, width.length - 1) <= 98 ? width : '98%') : (width <= 560 ? width : '98%');
    }

    var string = '<table '
        + (width == '' ? '' : 'width="' + width + '" ')
        + 'align="center" class="t_table">';

    str = str.replace(/\[td=(\d{1,2}),(\d{1,2})(,(\d{1,3}%?))?\]/ig, '<td colspan="$1" rowspan="$2" width="$4">');
    str = str.replace(/\[tr\]/ig, '<tr>');
    str = str.replace(/\[td\]/ig, '<td>');
    str = str.replace(/\[\/td\]/ig, '</td>');
    str = str.replace(/\[\/tr\]/ig, '</tr>');

    string += str;
    string += '</table>';

    return string;
}

function recursion(tagname, text, dofunction, extraargs) {
    if(extraargs == null) {
        extraargs = '';
    }
    tagname = tagname.toLowerCase();

    var open_tag = '<' + tagname;
    var open_tag_len = open_tag.length;
    var close_tag = '</' + tagname + '>';
    var close_tag_len = close_tag.length;
    var beginsearchpos = 0;

    do {
        var textlower = text.toLowerCase();
        var tagbegin = textlower.indexOf(open_tag, beginsearchpos);
        if(tagbegin == -1) {
            break;
        }

        var strlen = text.length;

        var inquote = '';
        var found = false;
        var tagnameend = false;
        var optionend = 0;
        var t_char = '';

        for(optionend = tagbegin; optionend <= strlen; optionend++) {
            t_char = text.charAt(optionend);
            if((t_char == '"' || t_char == "'") && inquote == '') {
                inquote = t_char;
            } else if((t_char == '"' || t_char == "'") && inquote == t_char) {
                inquote = '';
            } else if(t_char == '>' && !inquote) {
                found = true;
                break;
            } else if((t_char == '=' || t_char == ' ') && !tagnameend) {
                tagnameend = optionend;
            }
        }

        if(!found) {
            break;
        }
        if(!tagnameend) {
            tagnameend = optionend;
        }

        var offset = optionend - (tagbegin + open_tag_len);
        var tagoptions = text.substr(tagbegin + open_tag_len, offset)
        var acttagname = textlower.substr(tagbegin * 1 + 1, tagnameend - tagbegin - 1);

        if(acttagname != tagname) {
            beginsearchpos = optionend;
            continue;
        }

        var tagend = textlower.indexOf(close_tag, optionend);
        if(tagend == -1) {
            break;
        }

        var nestedopenpos = textlower.indexOf(open_tag, optionend);
        while(nestedopenpos != -1 && tagend != -1) {
            if(nestedopenpos > tagend) {
                break;
            }
            tagend = textlower.indexOf(close_tag, tagend + close_tag_len);
            nestedopenpos = textlower.indexOf(open_tag, nestedopenpos + open_tag_len);
        }

        if(tagend == -1) {
            beginsearchpos = optionend;
            continue;
        }

        var localbegin = optionend + 1;
        var localtext = eval(dofunction)(tagoptions, text.substr(localbegin, tagend - localbegin), tagname, extraargs);

        text = text.substring(0, tagbegin) + localtext + text.substring(tagend + close_tag_len);

        beginsearchpos = tagbegin + localtext.length;

    } while(tagbegin != -1);

    return text;
}

function simpletag(options, text, tagname, parseto) {
    if(trim(text) == '') {
        return '';
    }
    text = recursion(tagname, text, 'simpletag', parseto);
    return '[' + parseto + ']' + text + '[/' + parseto + ']';
}

function strpos(haystack, needle, offset) {
    if(typeof offset == 'undefined') {
        offset = 0;
    }

    index = haystack.toLowerCase().indexOf(needle.toLowerCase(), offset);

    return index == -1 ? false : index;
}

function tabletag(attributes) {
    var width = '';
    re = /width=(["']?)(\d{1,3}%?)(\1)/ig;
    var matches = re.exec(attributes);
    if(matches != null && matches.length) {
        width = matches[2].substr(matches[2].length - 1, matches[2].length) == '%' ?
            (matches[2].substr(0, matches[2].length - 1) <= 98 ? matches[2] : '98%') :
            (matches[2] <= 560 ? matches[2] : '98%');
    } else {
        re = /width\s?:\s?(\d{1,3})([px|%])/ig;
        var matches = re.exec(attributes);
        if(matches != null && matches.length) {
            width = matches[2] == '%' ? (matches[1] <= 98 ? matches[1] : '98%') : (matches[1] <= 560 ? matches[1] : '98%');
        }
    }
    return width == '' ? '[table]' : '[table=' + width + ']';
}

function tdtag(attributes) {

    var colspan = 1;
    var rowspan = 1;
    var width = '';

    re = /colspan=(["']?)(\d{1,2})(\1)/ig;
    var matches = re.exec(attributes);
    if(matches != null) {
        colspan = matches[2];
    }

    re = /rowspan=(["']?)(\d{1,2})(\1)/ig;
    var matches = re.exec(attributes);
    if(matches != null) {
        rowspan = matches[2];
    }

    re = /width=(["']?)(\d{1,3}%?)(\1)/ig;
    var matches = re.exec(attributes);
    if(matches != null) {
        width = matches[2];
    }

    return in_array(width, ['', '0', '100%']) ?
        (colspan == 1 && rowspan == 1 ? '[td]' : '[td=' + colspan + ',' + rowspan + ']') :
        '[td=' + colspan + ',' + rowspan + ',' + width + ']';
}

function trim(str) {
    return (str.replace(/(\s+)$/g, '')).replace(/^\s+/g, '');
}

[/code]

加载全部内容