📄 editor.js
字号:
div = $(ctrlid + '_Items');
if(!div){
div = document.createElement('div');
div.id = ctrlid + '_Items';
div.className = 'menu ubbMenu';
$('posteditor_menu').appendChild(div);
div.innerHTML = '<div class="popupmenu_option">' + str + '<br /><center><input type="button" id="' + ctrlid + '_submit" value="' + lang['submit'] + '" /> <input type="button" onClick="hideActiveMenu();try{document.body.removeChild(' + div.id + ')}catch(e){}" value="' + lang['cancel'] + '" /></center></div>';
textobj.value=div.innerHTML;
}
popMenu(ctrlid,null,null,null,true);
return div;
}
function ubbcode(cmd, arg) {
if(cmd != 'redo') {
addSnapshot(getEditorContents());
}
checkFocus();
if(in_array(cmd, ['quote', 'code', 'free', 'hide','tag'])) {
var sel;
if(is_ie) {
sel = wysiwyg ? editdoc.selection.createRange() : document.selection.createRange();
var pos = getCaret();
}
var selection = sel ? (wysiwyg ? sel.htmlText : sel.text) : getSel();
var opentag = '[' + cmd + ']';
var closetag = '[/' + cmd + ']';
if(cmd != 'hide' && selection) {
return insertText((opentag + selection + closetag), strlen(opentag), strlen(closetag), true, sel);
}
var ctrlid = editorid + '_cmd_' + cmd;
var str = '';
var div = editorMenu(ctrlid, str);
$(ctrlid + '_param_' + (cmd == 'hide' && selection ? 2 : 1)).focus();
$(ctrlid + '_param_' + (cmd == 'hide' && selection ? 2 : 1)).onkeydown = editorMenuEvent_onkeydown;
$(ctrlid + '_submit').onclick = function() {
checkFocus();
if(is_ie) {
setCaret(pos);
}
if(cmd == 'hide' && $(ctrlid + '_radio_2').checked) {
var mincredits = parseInt($(ctrlid + '_param_2').value);
opentag = mincredits > 0 ? '[hide=' + mincredits + ']' : '[hide]';
}
if(cmd == 'code' && $(ctrlid + '_radio').value != ''){
opentag = '[code=' + $(ctrlid + '_radio').value + ']';
$(ctrlid + '_radio').value="";
}
if(cmd == 'media'){
media = getRadioValue(ctrlid + '_radio');
width = $(ctrlid + '_width').value;
height = $(ctrlid + '_height').value;
opentag = '['+ media + '='+width + ','+height+']';
closetag = '[/'+media + ']';
}
var text = selection ? selection : $(ctrlid + '_param_1').value;
text = wysiwyg ? text.replace(/\r?\n/g, '<br />') : text;
text = opentag + text + closetag;
insertText(text, strlen(opentag), strlen(closetag), false, sel);
hideActiveMenu();
$(ctrlid + '_param_1').value = '';
//document.body.removeChild(div);
}
return;
} else if(cmd.substr(0, 6) == 'custom') {
var ret = customTags(cmd.substr(8), cmd.substr(6, 1));
} else if(!wysiwyg && cmd == 'removeformat') {
var simplestrip = new Array('b', 'i', 'u', 's');
var complexstrip = new Array('fond', 'color', 'size');
var str = getSel();
if(str === false) {
return;
}
for(var tag in simplestrip) {
str = stripSimple(simplestrip[tag], str);
}
for(var tag in complexstrip) {
str = stripComplex(complexstrip[tag], str);
}
insertText(str);
} else if(!wysiwyg && cmd == 'undo') {
addSnapshot(getEditorContents());
moveCursor(-1);
if((str = getSnapshot()) !== false) {
editdoc.value = str;
}
} else if(!wysiwyg && cmd == 'redo') {
moveCursor(1);
if((str = getSnapshot()) !== false) {
editdoc.value = str;
}
} else if(!wysiwyg && in_array(cmd, ['insertorderedlist', 'insertunorderedlist'])) {
var listtype = cmd == 'insertorderedlist' ? '1' : '';
var tag = (listtype ? 'ol' : 'ul');
var opentag = '[' + tag + ']';
var closetag = '[/'+tag+']';
if(txt = getSel()) {
var regex = new RegExp('(\r\n|\n)', 'gi');
txt = opentag + '[li]'+Trim(txt).replace(regex, '[/li][li]') + '[/li]'+closetag;
insertText(txt, strlen(txt), 0);
} else {
insertText(opentag + closetag, opentag.length, closetag.length);
while(listvalue = prompt(lang['enter_list_item'], '')) {
if(is_opera > 8) {
listvalue = '\n' + '[li]' + listvalue + '[/li]';
insertText(listvalue, strlen(listvalue) + 1, 0);
} else {
listvalue = '[li]' + listvalue + '[/li]';
insertText(listvalue, strlen(listvalue), 0);
}
}
}
} else if(!wysiwyg && cmd == 'outdent') {
var sel = getSel();
sel = stripSimple('indent', sel, 1);
insertText(sel);
} else if(cmd == 'createlink') {
insertlink('createlink');
} else if(!wysiwyg && cmd == 'unlink') {
var sel = getSel();
sel = stripSimple('url', sel);
sel = stripComplex('url', sel);
insertText(sel);
} else if(cmd == 'email') {
insertlink('email');
} else if(cmd == 'insertimage') {
insertlink('insertimage');
} else if(cmd == 'table') {
if(wysiwyg) {
var selection = getSel();
if(is_ie) {
var pos = getCaret();
}
var ctrlid = editorid + '_cmd_table';
var str = '';
var div = editorMenu(ctrlid, str);
$(ctrlid + '_param_rows').focus();
var params = ['rows', 'columns', 'width', 'bgcolor'];
for(var i = 0; i < 3; i++) {$(ctrlid + '_param_' + params[i]).onkeydown = editorMenuEvent_onkeydown;}
$(ctrlid + '_submit').onclick = function() {
var rows = $(ctrlid + '_param_rows').value;
var columns = $(ctrlid + '_param_columns').value;
var width = $(ctrlid + '_param_width').value;
// var bgcolor = $(ctrlid + '_param_bgcolor').value;
rows = /^[-\+]?\d+$/.test(rows) && rows > 0 && rows <= 30 ? rows : 2;
columns = /^[-\+]?\d+$/.test(columns) && columns > 0 && columns <= 30 ? columns : 2;
width = width.substr(width.length - 1, width.length) == '%' ? (width.substr(0, width.length - 1) <= 98 ? width : '98%') : (width <= 560 ? width : '98%');
// bgcolor = /[\(\)%,#\w]+/.test(bgcolor) ? bgcolor : '';
// var html = '<table cellspacing="0" cellpadding="0" width="' + (width ? width : '50%') + '" class="t_table"' + (bgcolor ? ' bgcolor="' + bgcolor + '"' : '') + '>';
var html = '<table cellspacing="0" cellpadding="0" width="' + (width ? width : '50%') + '" class="t_table" >';
for (var row = 0; row < rows; row++) {
html += '<tr>\n';
for (col = 0; col < columns; col++) {
html += '<td> </td>\n';
}
html+= '</tr>\n';
}
html += '</table>\n';
insertText(html);
hideActiveMenu();
$(ctrlid + '_param_rows').value = '2';
$(ctrlid + '_param_columns').value = '2';
$(ctrlid + '_param_width').value = '';
//document.body.removeChild(div);
}
}
return false;
} else if(cmd == 'floatleft' || cmd == 'floatright') {
if(wysiwyg) {
var selection = getSel();
if(selection) {
insertText('<br style="clear: both"><span style="float: ' + cmd.substr(5) + '">' + selection + '</span>', true);
}
} else {
return applyFormat(cmd, false);
}
} else if(cmd == 'media') {
insertmedia(cmd);
} else {
try {
var ret = applyFormat(cmd, false, (isUndefined(arg) ? true : arg));
} catch(e) {
var ret = false;
}
}
if(cmd != 'undo') {
addSnapshot(getEditorContents());
}
if(wysiwyg) {
setContext(cmd);
if(cmd == 'forecolor') {
$(editorid + '_color_bar').style.borderColor = arg;
}
}
//checkFocus();
return ret;
}
function setContext(cmd) {
var contextcontrols = new Array('bold', 'italic', 'underline','strikethrough', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist','subscript','superscript');
for(var i in contextcontrols) {
var obj = $(editorid + '_cmd_' + contextcontrols[i]);
if(obj != null) {
try {
var state = editdoc.queryCommandState(contextcontrols[i]);
} catch(e) {
var state = false;
}
if(isUndefined(obj.state)) {
obj.state = false;
}
if(obj.state != state) {
obj.state = state;
buttonContext(obj, (obj.id.substr(obj.id.indexOf('_cmd_') + 5) == cmd ? 'mouseover' : 'mouseout'));
}
}
}
var fs = editdoc.queryCommandValue('fontname');
if(fs == '' && !is_ie && window.getComputedStyle) {
fs = editdoc.body.style.fontFamily;
} else if(fs == null) {
fs = '';
}
fs = fs ? fs : '字体';
if(fs != $(editorid + '_font_out').fontstate) {
thingy = fs.indexOf(',') > 0 ? fs.substr(0, fs.indexOf(',')) : fs;
$(editorid + '_font_out').innerHTML = thingy;
$(editorid + '_font_out').fontstate = fs;
}
var ss = editdoc.queryCommandValue('fontsize');
if(ss == null || ss == '') {
ss = formatFontsize(editdoc.body.style.fontSize);
}
if(ss != $(editorid + '_size_out').sizestate) {
if($(editorid + '_size_out').sizestate == null) {
$(editorid + '_size_out').sizestate = '';
}
$(editorid + '_size_out').innerHTML = ss;
$(editorid + '_size_out').sizestate = ss;
}
var cs = editdoc.queryCommandValue('forecolor');
$(editorid + '_color_bar').style.borderColor = rgbToColor(cs);
}
function buttonContext(obj, state) {
if(state == 'mouseover') {
obj.style.cursor = 'pointer';
var mode = obj.state ? 'down' : 'hover';
if(obj.mode != mode) {
obj.mode = mode;
obj.className = 'hover';
}
} else {
var mode = obj.state ? 'selected' : 'normal';
if(obj.mode != mode) {
obj.mode = mode;
obj.className = mode == 'selected' ? 'hover' : '';
}
}
}
function menuContext(obj, state) {
obj.style.cursor = 'pointer';
var mode = state == 'mouseover' ? 'hover' : 'normal';
obj.className = 'editor_button' + mode;
var tds = obj.getElementsByTagName('td');
for(var i = 0; i < tds.length; i++) {
if(tds[i].id.substr(0, tds[i].id.lastIndexOf('_')) == editorid + '_menu') {
tds[i].className = 'editor_menu' + mode;
} else if(tds[i].id == editorid + '_colormenu') {
tds[i].className = 'editor_colormenu' + mode;
}
}
}
function colorContext(obj, state) {
obj.style.cursor = 'pointer';
var mode = state == 'mouseover' ? 'hover' : 'normal';
obj.className = 'editor_color' + mode;
}
function getSel() {
if(wysiwyg) {
if(is_moz || is_opera) {
selection = editwin.getSelection();
checkFocus();
range = selection ? selection.getRangeAt(0) : editdoc.createRange();
return readNodes(range.cloneContents(), false);
} else {
var range = editdoc.selection.createRange();
if(range.htmlText && range.text) {
return range.htmlText;
} else {
var htmltext = '';
for(var i = 0; i < range.length; i++) {
htmltext += range.item(i).outerHTML;
}
return htmltext;
}
}
} else {
if(!isUndefined(editdoc.selectionStart)) {
return editdoc.value.substr(editdoc.selectionStart, editdoc.selectionEnd - editdoc.selectionStart);
} else if(document.selection && document.selection.createRange) {
return document.selection.createRange().text;
} else if(window.getSelection) {
return window.getSelection() + '';
} else {
return false;
}
}
}
function insertText(text, movestart, moveend, select, sel) {
if(wysiwyg) {
if(is_moz || is_opera) {
applyFormat('removeformat');
var fragment = editdoc.createDocumentFragment();
var holder = editdoc.createElement('span');
holder.innerHTML = text;
while(holder.firstChild) {
fragment.appendChild(holder.firstChild);
}
insertNodeAtSelection(fragment);
} else {
checkFocus();
if(!isUndefined(editdoc.selection) && editdoc.selection.type != 'Text' && editdoc.selection.type != 'None') {
movestart = false;
editdoc.selection.clear();
}
if(isUndefined(sel)) {
sel = editdoc.selection.createRange();
}
sel.pasteHTML(text);
if(text.indexOf('\n') == -1) {
if(!isUndefined(movestart)) {
sel.moveStart('character', -strlen(text) + movestart);
sel.moveEnd('character', -moveend);
} else if(movestart != false) {
sel.moveStart('character', -strlen(text));
}
if(!isUndefined(select) && select) {
sel.select();
}
}
}
} else {
checkFocus();
if(!isUndefined(editdoc.selectionStart)) {
var opn = editdoc.selectionStart + 0;
editdoc.value = editdoc.value.substr(0, editdoc.selectionStart) + text + editdoc.value.substr(editdoc.selectionEnd);
if(!isUndefined(movestart)) {
editdoc.selectionStart = opn + movestart;
editdoc.selectionEnd = opn + strlen(text) - moveend;
} else if(movestart !== false) {
editdoc.selectionStart = opn;
editdoc.selectionEnd = opn + strlen(text);
}
} else if(document.selection && document.selection.createRange) {
if(isUndefined(sel)) {
sel = document.selection.createRange();
}
sel.text = text.replace(/\r?\n/g, '\r\n');
if(!isUndefined(movestart)) {
sel.moveStart('character', -strlen(text) +movestart);
sel.moveEnd('character', -moveend);
} else if(movestart !== false) {
sel.moveStart('character', -strlen(text));
}
sel.select();
} else {
editdoc.value += text;
}
}
}
function stripSimple(tag, str, iterations) {
var opentag = '[' + tag + ']';
var closetag = '[/' + tag + ']';
if(isUndefined(iterations)) {
iterations = -1;
}
while((startindex = stripos(str, opentag)) !== false && iterations != 0) {
iterations --;
if((stopindex = stripos(str, closetag)) !== false) {
var text = str.substr(startindex + opentag.length, stopindex - startindex - opentag.length);
str = str.substr(0, startindex) + text + str.substr(stopindex + closetag.length);
} else {
break;
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -