?? htmleditor.js
字號:
var str = '';
for (i = 0; i < TITLE_TABLE.length; i++) {
str += '<div style="width:140px;cursor:pointer;" ' +
'onclick="javascript:HtmlExecute(\'Html_TITLE_END\', \'' + TITLE_TABLE[i][0] + '\');" ' +
'onmouseover="javascript:this.style.backgroundColor=\''+MENU_SELECTED_COLOR+'\';" ' +
'onmouseout="javascript:this.style.backgroundColor=\''+MENU_BG_COLOR+'\';"><' + TITLE_TABLE[i][0] + ' style="margin:2px;">' +
TITLE_TABLE[i][1] + '</' + TITLE_TABLE[i][0] + '></div>';
}
HtmlDrawMenu('Html_TITLE', str);
}
function HtmlDrawFontname()
{
var str = '';
for (i = 0; i < FONT_NAME.length; i++) {
str += '<div style="font-family:' + FONT_NAME[i][0] +
';padding:2px;width:160px;cursor:pointer;" ' +
'onclick="javascript:HtmlExecute(\'Html_FONTNAME_END\', \'' + FONT_NAME[i][0] + '\');" ' +
'onmouseover="javascript:this.style.backgroundColor=\''+MENU_SELECTED_COLOR+'\';" ' +
'onmouseout="javascript:this.style.backgroundColor=\''+MENU_BG_COLOR+'\';">' +
FONT_NAME[i][1] + '</div>';
}
HtmlDrawMenu('Html_FONTNAME', str);
}
function HtmlDrawFontsize()
{
var str = '';
for (i = 0; i < FONT_SIZE.length; i++) {
str += '<div style="font-size:' + FONT_SIZE[i][1] +
';padding:2px;width:120px;cursor:pointer;" ' +
'onclick="javascript:HtmlExecute(\'Html_FONTSIZE_END\', \'' + FONT_SIZE[i][0] + '\');" ' +
'onmouseover="javascript:this.style.backgroundColor=\''+MENU_SELECTED_COLOR+'\';" ' +
'onmouseout="javascript:this.style.backgroundColor=\''+MENU_BG_COLOR+'\';">' +
FONT_SIZE[i][1] + '</div>';
}
HtmlDrawMenu('Html_FONTSIZE', str);
}
function HtmlDrawColorTable(cmdName)
{
var top = HtmlGetTop(cmdName) + 32;
var left = HtmlGetLeft(cmdName) + 1;
var str = '';
str += '<table cellpadding="0" cellspacing="2" border="0" style="'+HtmlGetMenuCommonStyle(top, left)+'">';
for (i = 0; i < COLOR_TABLE.length; i++) {
if (i == 0 || (i >= 10 && i%10 == 0)) {
str += '<tr>';
}
str += '<td style="width:12px;height:12px;border:1px solid #AAAAAA;font-size:10px;cursor:pointer;background-color:' +
COLOR_TABLE[i] + ';" onmouseover="javascript:this.style.borderColor=\'#000000\';" ' +
'onmouseout="javascript:this.style.borderColor=\'#AAAAAA\';" ' +
'onclick="javascript:HtmlExecute(\''+cmdName+'_END\', \'' + COLOR_TABLE[i] + '\');"> </td>';
if (i >= 9 && i%(i-1) == 0) {
str += '</tr>';
}
}
str += '</table>';
document.getElementById('popupData').innerHTML = str;
document.getElementById('popupName').innerHTML = cmdName;
}
function HtmlCheckSelected()
{
if (RANGE_TEXT == '') {
alert(MSG_SELECT_TARGET);
return false;
}
}
function HtmlDrawLink()
{
var top = HtmlGetTop('Html_LINK') + 32;
var left = HtmlGetLeft('Html_LINK') - 220;
var str = '';
str += '<table cellpadding="0" cellspacing="0" style="width:250px;'+HtmlGetMenuCommonStyle(top, left)+'">' +
'<tr><td style="width:50px;padding:5px;">URL</td>' +
'<td style="width:200px;padding-top:5px;padding-bottom:5px;"><input type="text" id="hyperLink" value="http://" style="width:190px;border:1px solid #555555;background-color:#FFFFFF;"></td>' +
'<tr><td style="padding:5px;">'+STR_LINK_TARGET+'</td>' +
'<td style="padding-bottom:5px;"><select id="hyperLinkTarget"><option value="_blank" selected>'+STR_LINK_BLANK+'</option><option value="">'+STR_LINK_NOBLANK+'</option></select></td>' +
'<tr><td colspan="2" style="padding-bottom:5px;" align="center"><input type="button" name="button" value="'+STR_BUTTON_CONFIRM+'" ' +
'onclick="javascript:HtmlDrawLinkEnd();"' +
'style="border:1px solid #555555;"> <input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:HtmlClearTemp();" style="border:1px solid #555555;"></td></tr>';
str += '</table>';
document.getElementById('popupData').innerHTML = str;
document.getElementById('popupName').innerHTML = 'Html_LINK';
}
function HtmlDrawLinkEnd()
{
var range;
var url = document.getElementById('hyperLink').value;
var target = document.getElementById('hyperLinkTarget').value;
if (url.match(/http:\/\/.{3,}/) == null) {
alert(MSG_INPUT_URL);
return false;
}
HtmlSelect();
HtmlExecuteValue('CreateLink', url);
var element;
if (BROWSER == 'IE') {
if (SELECTION.type.toLowerCase() == 'text') {
element = RANGE.parentElement() ? RANGE.parentElement() : RANGE.item(0).parentElement();
}
} else {
element = RANGE.startContainer.previousSibling;
}
if (element && target) {
element.target = target;
}
HtmlClearTemp();
}
function HtmlDrawIcon()
{
var top = HtmlGetTop('Html_ICON') + 32;
var left = HtmlGetLeft('Html_ICON') + 1;
var str = '';
var iconNum = 36;
str += '<table cellpadding="0" cellspacing="2" style="'+HtmlGetMenuCommonStyle(top, left)+'">';
for (i = 0; i < iconNum; i++) {
if (i == 0 || (i >= 6 && i%6 == 0)) {
str += '<tr>';
}
var num;
if ((i+1).toString(10).length < 2) {
num = '0' + (i+1);
} else {
num = (i+1).toString(10);
}
var iconUrl = ICON_PATH + 'etc_' + num + '.gif';
str += '<td style="padding:2px;border:0;cursor:pointer;" ' +
'onclick="javascript:HtmlExecute(\'Html_ICON_END\', \'' + iconUrl + '\');">' +
'<img src="' + iconUrl + '" style="border:1px solid #EEEEEE;" onmouseover="javascript:this.style.borderColor=\'#AAAAAA\';" ' +
'onmouseout="javascript:this.style.borderColor=\'#EEEEEE\';">' + '</td>';
if (i >= 5 && i%(i-1) == 0) {
str += '</tr>';
}
}
str += '</table>';
document.getElementById('popupData').innerHTML = str;
document.getElementById('popupName').innerHTML = 'Html_ICON';
}
function HtmlDrawSpecialchar()
{
var top = HtmlGetTop('Html_SPECIALCHAR') + 32;
var left = HtmlGetLeft('Html_SPECIALCHAR') + 1;
var str = '';
str += '<table cellpadding="0" cellspacing="2" style="'+HtmlGetMenuCommonStyle(top, left)+'">';
for (i = 0; i < SPECIAL_CHARACTER.length; i++) {
if (i == 0 || (i >= 10 && i%10 == 0)) {
str += '<tr>';
}
str += '<td style="padding:2px;border:1px solid #AAAAAA;cursor:pointer;" ' +
'onclick="javascript:HtmlExecute(\'Html_SPECIALCHAR_END\', \'' + SPECIAL_CHARACTER[i] + '\');" ' +
'onmouseover="javascript:this.style.borderColor=\'#000000\';" ' +
'onmouseout="javascript:this.style.borderColor=\'#AAAAAA\';">' + SPECIAL_CHARACTER[i] + '</td>';
if (i >= 9 && i%(i-1) == 0) {
str += '</tr>';
}
}
str += '</table>';
document.getElementById('popupData').innerHTML = str;
document.getElementById('popupName').innerHTML = 'Html_SPECIALCHAR';
}
function HtmlDrawTableSelected(i, j)
{
var text = i.toString(10) + ' by ' + j.toString(10) + ' Table';
document.getElementById('tableLocation').innerHTML = text;
var num = 10;
for (m = 1; m <= num; m++) {
for (n = 1; n <= num; n++) {
var obj = document.getElementById('tableTd' + m.toString(10) + '_' + n.toString(10) + '');
if (m <= i && n <= j) {
obj.style.backgroundColor = '#AAAAAA';
} else {
obj.style.backgroundColor = '#FFFFFF';
}
}
}
}
function HtmlDrawTable()
{
var top = HtmlGetTop('Html_TABLE') + 32;
var left = HtmlGetLeft('Html_TABLE') + 1;
var str = '';
var num = 10;
str += '<table cellpadding="0" cellspacing="0" style="'+HtmlGetMenuCommonStyle(top, left)+'">';
for (i = 1; i <= num; i++) {
str += '<tr>';
for (j = 1; j <= num; j++) {
var value = i.toString(10) + ',' + j.toString(10);
str += '<td id="tableTd' + i.toString(10) + '_' + j.toString(10) +
'" style="width:15px;height:15px;background-color:#FFFFFF;border:1px solid #DDDDDD;cursor:pointer;" ' +
'onclick="javascript:HtmlExecute(\'Html_TABLE_END\', \'' + value + '\');" ' +
'onmouseover="javascript:HtmlDrawTableSelected(\''+i.toString(10)+'\', \''+j.toString(10)+'\');" ' +
'onmouseout="javascript:;"> </td>';
}
str += '</tr>';
}
str += '<tr><td colspan="10" id="tableLocation" style="text-align:center;height:20px;"></td></tr>';
str += '</table>';
document.getElementById('popupData').innerHTML = str;
document.getElementById('popupName').innerHTML = 'Html_TABLE';
}
function HtmlDrawImage()
{
var top = HtmlGetTop('Html_IMAGE') + 32;
var left = HtmlGetLeft('Html_IMAGE') + 1;
var str = '';
str += '<div style="width:250px;'+HtmlGetMenuCommonStyle(top, left)+'">';
str += '<iframe name="UploadIframe" id="UploadIframe" frameborder="0" style="width:250px;height:340px;padding:0;margin:0;border:0;">';
str += '</iframe></div>';
document.getElementById('popupData').innerHTML = str;
document.getElementById('popupName').innerHTML = 'Html_IMAGE';
if (BROWSER == 'IE') {
UPLOAD_DOCUMENT = UploadIframe.document;
} else {
UPLOAD_DOCUMENT = document.getElementById('UploadIframe').contentDocument;
}
str = '<div align="center">' +
'<table cellpadding="0" cellspacing="0" style="width:100%;font-size:12px;">' +
'<tr><td colspan="2"><table border="0" style="margin-bottom:5px;"><tr><td id="imgPreview" style="width:240px;height:240px;border:1px solid #AAAAAA;background-color:#FFFFFF;" align="center" valign="middle"> </td></tr></table></td></tr>' +
'<tr><td style="width:50px;padding-left:5px;">'+STR_IMAGE_REMOTE+'</td>' +
'<td style="width:200px;padding-bottom:5px;">' +
'<input type="text" id="imgLink" value="http://" style="width:95%;border:1px solid #555555;display:block;" onchange="javascript:parent.HtmlImagePreview();">' +
'</td>' +
'<tr><td colspan="2" style="padding-bottom:5px;"><table border="0" style="width:100%;font-size:12px;"><tr>' +
'<td width="10%" style="padding:5px;">'+STR_WIDTH+'</td><td width="23%"><input type="text" name="imgWidth" id="imgWidth" value="0" maxlength="4" style="width:40px;border:1px solid #555555;"></td>' +
'<td width="10%" style="padding:5px;">'+STR_HEIGHT+'</td><td width="23%"><input type="text" name="imgHeight" id="imgHeight" value="0" maxlength="4" style="width:40px;border:1px solid #555555;"></td>' +
'<td width="10%" style="padding:5px;">'+STR_BORDER+'</td><td width="23%"><input type="text" name="imgBorder" id="imgBorder" value="0" maxlength="1" style="width:40px;border:1px solid #555555;"></td></tr></table></td></tr>' +
'<tr><td colspan="2" style="margin:5px;padding-bottom:5px;" align="center">' +
'<input type="button" name="button" value="'+STR_BUTTON_PREVIEW+'" onclick="javascript:parent.HtmlImagePreview();" style="border:1px solid #555555;"> ' +
'<input type="button" name="button" value="'+STR_BUTTON_CONFIRM+'" onclick="javascript:parent.HtmlDrawImageEnd();" style="border:1px solid #555555;"> ' +
'<input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:parent.HtmlClearTemp();" style="border:1px solid #555555;"></td></tr>' +
'</table></div>';
UPLOAD_DOCUMENT.open();
UPLOAD_DOCUMENT.write(str);
UPLOAD_DOCUMENT.close();
UPLOAD_DOCUMENT.body.style.color = MENU_TEXT_COLOR;
UPLOAD_DOCUMENT.body.style.backgroundColor = MENU_BG_COLOR;
UPLOAD_DOCUMENT.body.style.margin = 0;
UPLOAD_DOCUMENT.body.scroll = 'no';
}
function HtmlImagePreview()
{
var url = UPLOAD_DOCUMENT.getElementById('imgLink').value;
if (HtmlCheckImageFileType(url, "/") == false)
{
return false;
}
var imgObj = UPLOAD_DOCUMENT.createElement("IMG");
imgObj.src = url;
var width = parseInt(imgObj.width);
var height = parseInt(imgObj.height);
UPLOAD_DOCUMENT.getElementById('imgWidth').value = width;
UPLOAD_DOCUMENT.getElementById('imgHeight').value = height;
var rate = parseInt(width/height);
if (width >230 && height <= 230) {
width = 230;
height = parseInt(width/rate);
} else if (width <=230 && height > 230) {
height = 230;
width = parseInt(height*rate);
} else if (width >230 && height > 230) {
if (width >= height) {
width = 230;
height = parseInt(width/rate);
} else {
height = 230;
width = parseInt(height*rate);
}
}
imgObj.style.width = width;
imgObj.style.height = height;
var el = UPLOAD_DOCUMENT.getElementById('imgPreview');
if (el.hasChildNodes()) {
el.removeChild(el.childNodes[0]);
}
el.appendChild(imgObj);
return imgObj;
}
function HtmlDrawImageEnd()
{
var url = UPLOAD_DOCUMENT.getElementById('imgLink').value;
var width = UPLOAD_DOCUMENT.getElementById('imgWidth').value;
var height = UPLOAD_DOCUMENT.getElementById('imgHeight').value;
var border = UPLOAD_DOCUMENT.getElementById('imgBorder').value;
if (HtmlCheckImageFileType(url, "/") == false) {
return false;
}
if (width.match(/^\d+$/) == null) {
alert(MSG_INVALID_WIDTH);
return false;
}
if (height.match(/^\d+$/) == null) {
alert(MSG_INVALID_HEIGHT);
return false;
}
if (border.match(/^\d+$/) == null) {
alert(MSG_INVALID_BORDER);
return false;
}
if (HtmlCheckImageFileType(url, "/") == false) {
return false;
}
HtmlInsertImage(url, width, height, border);
}
function HtmlInsertImage(url, width, height, border)
{
var element = document.createElement("img");
element.src = url;
if (width > 0) {
element.style.width = width;
}
if (height > 0) {
element.style.height = height;
}
element.border = border;
HtmlSelect();
HtmlInsertItem(element);
HtmlClearTemp();
}
function HtmlDrawMedia()
{
var top = HtmlGetTop('Html_MEDIA') + 32;
var left = HtmlGetLeft('Html_MEDIA') + 1;
var str = '';
var str = '';
str += '' +
'<table cellpadding="0" cellspacing="0" style="width:250px;'+HtmlGetMenuCommonStyle(top, left)+'">' +
'<tr><td colspan="2"><table border="0"><tr><td id="mediaPreview" style="width:240px;height:240px;border:1px solid #AAAAAA;background-color:#FFFFFF;" align="center" valign="middle"> </td></tr></table></td></tr>' +
'<tr><td style="width:50px;padding:5px;">'+STR_IMAGE_REMOTE+'</td>' +
'<td style="width:200px;padding-bottom:5px;"><input type="text" id="mediaLink" value="http://" style="width:190px;border:1px solid #555555;" onchange="javascript:HtmlMediaPreview();"></td>' +
'<tr><td colspan="2" style="margin:5px;padding-bottom:5px;" align="center">' +
'<input type="button" name="button" value="'+STR_BUTTON_LISTENING+'" onclick="javascript:HtmlMediaPreview();" style="border:1px solid #555555;"> ' +
'<input type="button" name="button" value="'+STR_BUTTON_CONFIRM+'" onclick="javascript:HtmlDrawMediaEnd();" style="border:1px solid #555555;"> ' +
'<input type="button" name="button" value="'+STR_BUTTON_CANCEL+'" onclick="javascript:HtmlClearTemp();" style="border:1px solid #555555;"></td></tr>' +
'</table>';
document.getElementById('popupData').innerHTML = str;
document.getElementById('popupName').innerHTML = 'Html_MEDIA';
}
function HtmlGetMediaHtmlTag(url, width, height)
{
var element = document.createElement("embed");
element.src = url;
element.width = 230;
element.height = 230;
element.loop = "true";
element.autostart = "true";
return element;
}
function HtmlMediaPreview()
{
var url = document.getElementById('mediaLink').value;
if (HtmlCheckMediaFileType(url, "/") == false) {
return false;
}
var el = document.getElementById('mediaPreview');
if (el.hasChildNodes()) {
el.removeChild(el.childNodes[0]);
}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -