📄 ftb-pro.js
字号:
letter-spacing: 2px;\n\
}\n\
.f_title\n\
{\n\
text-align: right;\n\
}\n\
.footer\n\
{\n\
border-top: 2px solid #90A8F0;\n\
padding-top: 3px;\n\
margin-top: 4px;\n\
text-align: right;\n\
}\n\
</style>\n\
\n\
<script type = 'text/javascript'>\n\
var flash = new Flash();\n\
function Flash()\n\
{\n\
this.id;\n\
this.classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000';\n\
this.codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0';\n\
this.src;\n\
this.width = 550;\n\
this.height = 400;\n\
this.align;\n\
this.border;\n\
this.hspace;\n\
this.vspace;\n\
this.quality = 'High';\n\
this.scale;\n\
this.salign;\n\
this.bgcolor;\n\
this.wmode;\n\
this.pluginspage = 'http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash';\n\
this.InsertTo = function(obj)\n\
{\n\
if (obj)\n\
obj.innerHTML = this.CreateHTML();\n\
}\n\
this.CreateHTML = function()\n\
{\n\
var str = '<object '; \n\
str += ' classid=\\\'' + this.classid + '\\\''; \n\
str += ' codebase=\\\'' + this.codebase + '\\\''; \n\
if (this.border)\n\
str += ' border=\\\'' + this.border + '\\\''; \n\
if (this.width)\n\
str += ' width=\\\'' + this.width + '\\\''; \n\
if (this.height)\n\
str += ' height=\\\'' + this.height + '\\\''; \n\
if (this.align)\n\
str += ' align=\\\'' + this.align + '\\\''; \n\
if (this.hspace)\n\
str += ' hspace=\\\'' + this.hspace + '\\\''; \n\
if (this.vspace)\n\
str += ' vspace=\\\'' + this.vspace + '\\\''; \n\
str += '>'; \n\
str += '<param name=\\\'movie\\\' value=\\\'' + this.src + '\\\'>';\n\
str += '<param name=\\\'quality\\\' value=\\\'' + this.quality + '\\\'>';\n\
if (this.scale)\n\
str += '<param name=\\\'scale\\\' value=\\\'' + this.scale + '\\\'>';\n\
if (this.salign)\n\
str += '<param name=\\\'salign\\\' value=\\\'' + this.salign + '\\\'>';\n\
if (this.bgcolor)\n\
str += '<param name=\\\'salign\\\' value=\\\'' + this.bgcolor + '\\\'>';\n\
if (this.wmode)\n\
str += '<param name=\\\'salign\\\' value=\\\'' + this.wmode + '\\\'>';\n\
str += '<embed type=\\\'application/x-shockwave-flash\\\' ';\n\
if (this.src)\n\
str += ' src=\\\'' + this.src + '\\\''; \n\
if (this.id)\n\
str += ' name=\\\'' + this.id + '\\\''; \n\
if (this.pluginspage)\n\
str += ' pluginspage=\\\'' + this.pluginspage + '\\\''; \n\
if (this.width)\n\
str += ' width=\\\'' + this.width + '\\\''; \n\
if (this.height)\n\
str += ' height=\\\'' + this.height + '\\\''; \n\
if (this.quality)\n\
str += ' quality=\\\'' + this.quality + '\\\''; \n\
if (this.scale)\n\
str += ' scale=\\\'' + this.scale + '\\\''; \n\
if (this.salign)\n\
str += ' salign=\\\'' + this.salign + '\\\''; \n\
if (this.bgcolor)\n\
str += ' bgcolor=\\\'' + this.bgcolor + '\\\''; \n\
if (this.wmode)\n\
str += ' wmode=\\\'' + this.wmode + '\\\''; \n\
str += '></object>';\n\
return str;\n\
}\n\
}\n\
function updateFlash()\n\
{\n\
ftb = window.launchParameters['ftb'];\n\
f = ftb.GetNearest('flash');\n\
src = document.getElementById('flash_src');\n\
oPreview = document.getElementById('preview');\n\
if (src.value == '')\n\
{\n\
alert('请您输入Flash路径！');\n\
return false;\n\
}\n\
if (!f)\n\
{\n\
ftb.InsertHtml(oPreview.innerHTML);\n\
img = ftb.GetNearest('a');\n\
}\n\
}\n\
\n\
function updatePreview()\n\
{\n\
src = document.getElementById('flash_src');\n\
if (src.value == '')\n\
return;\n\
\n\
align = document.getElementById('flash_align');\n\
border = document.getElementById('flash_border');\n\
hspace = document.getElementById('flash_hspace');\n\
vspace = document.getElementById('flash_vspace');\n\
width = document.getElementById('flash_width');\n\
height = document.getElementById('flash_height');\n\
oPreview = document.getElementById('preview');\n\
\n\
flash.src = src.value;\n\
flash.align = align.value;\n\
flash.border = border.value;\n\
flash.hspace = hspace.value;\n\
flash.vspace = vspace.value;\n\
flash.width = width.value;\n\
flash.height = height.value;\n\
flash.InsertTo(oPreview);\n\
}\n\
\n\
</script> \n\
</head>\n\
<body style = 'border:0px;'>\n\
<form action = ''>\n\
<h3>插入Flash</h3>\n\
<table>\n\
<tr>\n\
<td class = 'f_title'>\n\
<div align='left'>Flash路径:</div>\n\
<input type = 'text' id = 'flash_src' style = 'width:200px;' onblur = 'updatePreview();' value = ''/>\n\
</td>\n\
<td rowspan = '3' valign = 'top'>\n\
<fieldset>\n\
<legend>预览</legend>\n\
<div style = 'width:220px;height:200px;overflow:scroll;background-color:#fff;'>\n\
<p id='preview'> </p>\n\
</div>\n\
</fieldset>\n\
</td>\n\
</tr>\n\
<tr>\n\
<td>\n\
<fieldset>\n\
<legend>布局</legend>\n\
<table>\n\
<tr>\n\
<td class = 'f_title'>对齐方式:</td>\n\
<td>\n\
<select id = 'flash_align' style = 'width:70px;'\n\
onchange = 'updatePreview();'>\n\
<option value = '' selected = '1'>不设置</option>\n\
<option value = 'left'>左</option>\n\
<option value = 'center'>中</option>\n\
<option value = 'right'>右</option>\n\
<option value = 'texttop'>文本上方</option>\n\
<option value = 'AbsMiddle'>正中央</option>\n\
<option value = 'Baseline'>基线</option>\n\
<option value = 'AbsBottom'>正下方</option>\n\
<option value = 'bottom'>下</option>\n\
<option value = 'Middle'>中</option>\n\
<option value = 'Top'>上</option>\n\
</select>\n\
</td>\n\
</tr>\n\
<tr>\n\
<td class = 'f_title'>边框宽度:</td>\n\
<td>\n\
<input type = 'text' id = 'flash_border' style = 'width:70px;' onblur = 'updatePreview();'/>\n\
</td>\n\
</tr>\n\
</table>\n\
</fieldset>\n\
</td>\n\
</tr>\n\
<tr>\n\
<td>\n\
<table cellspacing = '0' cellpadding = '0'>\n\
<tr>\n\
<td style = 'padding-right:5px;'>\n\
<fieldset>\n\
<legend>间隔</legend>\n\
<table>\n\
<tr>\n\
<td class = 'f_title'>水平:</td>\n\
<td>\n\
<input type = 'text' id = 'flash_hspace' style = 'width:30px;' onblur = 'updatePreview();'/></td></tr>\n\
<tr>\n\
<td class = 'f_title'>竖直:</td>\n\
<td>\n\
<input type = 'text' id = 'flash_vspace' style = 'width:30px;' onblur = 'updatePreview();'/></td></tr>\n\
</table>\n\
</fieldset>\n\
</td>\n\
<td>\n\
<fieldset>\n\
<legend>大小</legend>\n\
<table>\n\
<tr>\n\
<td class = 'f_title'> 宽度:</td>\n\
<td>\n\
<input type = 'text' id = 'flash_width' style = 'width:40px;' onblur = 'updatePreview();' value='550'/></td></tr>\n\
<tr>\n\
<td class = 'f_title'>高度:</td>\n\
<td>\n\
<input type = 'text' id = 'flash_height' style = 'width:40px;' onblur = 'updatePreview();' value='400'/></td></tr>\n\
</table>\n\
</fieldset>\n\
</td></tr></table></td></tr></table>\n\
\n\
<div class = 'footer'>\n\
<button type = 'button' name = 'updateFlashButton' id = 'updateFlashButton'\n\
onclick = 'updateFlash();window.close();'>确定</button>\n\
<button type = 'button' name = 'cancel' id = 'cancelButton' onclick = 'window.close();'>\n\
取消</button></div>\n\
\n\
<script type = 'text/javascript'>\n\
function load()\n\
{\n\
ftb = window.launchParameters['ftb'];\n\
\n\
oFlash = ftb.GetNearest('flash');\n\
src = document.getElementById('flash_src');\n\
align = document.getElementById('flash_align');\n\
border = document.getElementById('flash_border');\n\
hspace = document.getElementById('flash_hspace');\n\
vspace = document.getElementById('flash_vspace');\n\
width = document.getElementById('flash_width');\n\
height = document.getElementById('flash_height');\n\
}\n\
</script>\n\
</form>\n\
</body>\n\
</html>\n\
");
var FTB_ImagePopUpHtml = new String("\
<html><body> \
<head>\
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>\
<title>Image Editor</title>\
<style type='text/css'>\
html, body { \
background-color: #ECE9D8; \
color: #000000; \
font: 11px Tahoma,Verdana,sans-serif; \
padding: 0px; \
} \
body { margin: 5px; } \
form { margin: 0px; padding: 0px;} \
table { \
font: 11px Tahoma,Verdana,sans-serif; \
} \
form p { \
margin-top: 5px; \
margin-bottom: 5px; \
} \
h3 { margin: 0; margin-top: 4px; margin-bottom: 5px; font-size: 12px; border-bottom: 2px solid #90A8F0; color: #90A8F0;} \
.fl { width: 9em; float: left; padding: 2px 5px; text-align: right; } \
.fr { width: 7em; float: left; padding: 2px 5px; text-align: right; } \
fieldset { padding: 0px 10px 5px 5px; } \
button { width: 75px; } \
select, input, button { font: 11px Tahoma,Verdana,sans-serif; } \
.space { padding: 2px; } \
.title { background: #ddf; color: #000; font-weight: bold; font-size: 120%; padding: 3px 10px; margin-bottom: 10px; \
border-bottom: 1px solid black; letter-spacing: 2px; \
} \
.f_title { text-align:right; }\
.footer { border-top:2px solid #90A8F0; padding-top: 3px; margin-top: 4px; text-align:right; }\</style>\
<script type='text/javascript'>\
function updateImage() {\
ftb = window.launchParameters['ftb'];\
img = ftb.GetNearest('img');\
src = document.getElementById('image_src');\
if (src.value == '') {\
alert('请您输入图片路径！');\
return false;\
}\
if (!img) {\
ftb.ExecuteCommand('insertimage',null,src.value);\
img = ftb.GetNearest('a');\
}\
updateImageProperties(img);\
}\
function updateImageProperties(img) {\
if (img) {\
src = document.getElementById('image_src');\
alt = document.getElementById('image_alt');\
align = document.getElementById('image_align');\
border = document.getElementById('image_border');\
hspace = document.getElementById('image_hspace');\
vspace = document.getElementById('image_vspace');\
width = document.getElementById('image_width');\
height = document.getElementById('image_height');\
img.src = src.value;\
img.alt = alt.value;\
img.align = align.value;\
img.border = border.value;\
img.hspace = hspace.value;\
img.vspace = vspace.value;\
img.width = width.value;\
img.height = height.value;\
}\
}\
function updatePreview() {\
src = document.getElementById('image_src');\
alt = document.getElementById('image_alt');\
align = document.getElementById('image_align');\
border = document.getElementById('image_border');\
hspace = document.getElementById('image_hspace');\
vspace = document.getElementById('image_vspace');\
preview = document.getElementById('preview');\
width = document.getElementById('image_width');\
height = document.getElementById('image_height');\
\
if (width.value == ''|| height.value == '') preview.src = new Image();\
preview.src = src.value;\
preview.alt = alt.value;\
preview.align = align.value;\
preview.border = border.value;\
preview.hspace = hspace.value;\
preview.vspace = vspace.value;\
if (width.value != '') preview.width = width.value;\
if (height.value != '') preview.height = height.value;\
}\
</script>\
</head>\
<body style='border:0px;'>\
<form action=''> \
<h3>插入图片</h3> \
<table><tr><td>\
<table>\
<tr><td class='f_title'>图片路径:</td>\
<td><input type='text' id='image_src' style='width:200px;' onblur='updatePreview();' value='' /></td></tr>\
<tr><td class='f_title'>替换文字:</td>\
<td><input type='text' id='image_alt' style='width:200px;' onblur='updatePreview();' /></td></tr>\
</table>\
</td><td rowspan='3' valign='top'>\
<fieldset><legend>预览</legend>\
<div style='width:180px;height:180px;overflow:scroll;background-color:#fff;'>\
<p><img id='preview' src='FreeTextBox/Utility/spacer.gif'/></p>\
</div>\
</fieldset>\
</td></tr><tr><td>\
<fieldset><legend>布局</legend><table>\
<tr><td class='f_title'>对齐方式:</td>\
<td><select id='image_align' style='width:70px;' onchange='updatePreview();'>\
<option value='' selected='1'>不设置</option> \
<option value='left' >左</option> \
<option value='center' >中</option> \
<option value='right' >右</option> \
<option value='texttop' >文本上方</option> \
<option value='AbsMiddle' >正中央</option> \
<option value='Baseline' >基线</option> \
<option value='AbsBottom' >正下方</option> \
<option value='bottom' >下</option> \
<option value='Middle' >中</option> \
<option value='Top' >上</option> \
</select> \
</td></tr>\
<tr><td class='f_title'>边框宽度:</td>\
<td><input type='text' id='image_border' style='width:70px;' onblur='updatePreview();' /></td></tr>\
</table>\
</fieldset>\
</td></tr><tr><td>\
<table cellspacing='0' cellpadding='0'><tr><td style='padding-right:5px;'>\
<fieldset><legend>间隔</legend><table>\
<tr><td class='f_title'>水平:</td>\
<td><input type='text' id='image_hspace' style='width:30px;' onblur='updatePreview();' /></td></tr>\
<tr><td class='f_title'>竖直:</td>\
<td><input type='text' id='image_vspace' style='width:30px;' onblur='updatePreview();' /></td></tr>\
</table>\
</fieldset>\
</td><td>\
<fieldset><legend>大小</legend><table>\
<tr><td class='f_title'>宽度:</td>\
<td><input type='text' id='image_width' style='width:40px;' onblur='updatePreview();' /></td></tr>\
<tr><td class='f_title'>高度:</td>\
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -