关于FreeTextBox 1.63/2.0.7/3.0RC/3.0的一些东西

原文网址：http://www.blogwind.com/Wuvist/comment.aspx?Article_id=5421

作者：Wuvist

转载者请注明原文出处以及我的名字，谢谢……倘若，您需要使用到文中的javascript函数，亦请保留函数名称。

FreeTextBox应该是应用最广泛的免费asp.net控件之一了……

FreeTextBox Team把FTB称为：“The no.1 free ASP.NET HTML Editor for IE and Mozilla. ”说得可是一点都没有错…… 
 

我从去年12月开始做博客风的时候，便使用了FTB 1.6.3破宝汉化版作为后台编辑器。这个版本的FTB，应该是在国内流传最广的版本…… 
 

FTB的最大优点是将文本处理都采用JavaScript来处理，避免了asp.net控件时常需要将页面postback的弊病。个人感觉，是有可以将FTB生成的静态页面保存下来，然后将其当作纯xhtml的在不支持asp.net的服务器中使用，只是，工程很大，似乎也没有任何程序员想做这么件事情……毕竟，还有htmlarea等东西存在。 

在那个时候，FTB是开源的，并且功能已经足够强大……唯一的遗憾是1.X版本的FTB并不支持Mozilla……我在将其加入博客系统中的时候，也自己添加表情代码风格、图片插入功能，虽然有FTB的源码，但是从使用的角度来说，我不认为在扩展FTB功能的时候应该去修改其c#代码……直接编写新的javascript会灵活很多……我当时使用的是类似： 
 

function  Wuvist_code(ftbName) { 
  if  (FTB_IsHtmlMode(ftbName))  return ; 
 editor  =  FTB_GetIFrame(ftbName); 
  var  range  =  editor.document.selection.createRange(); 
  var  RangeType  =  editor.document.selection.type; 
  if  ( RangeType  ==   " Text "  ) 
 { 
 range.execCommand( " RemoveFormat " ); 
  var  rangeText  =  range.htmlText; 
 range.pasteHTML(' < PRE style = " font-size:90%;font-family:\'courier new\',courier,serif;line-height:1em;background:#EEEEEE;margin-top:1em; margin-bottom:1em; margin-left:0px;padding:5pt; " > ' + rangeText + ' </ PRE > '); 
 } 
  else   if  ( RangeType  ==   " None "  ) 
 { 
 alert( " 你没有选择任何东西，无法完成此功能！ " ); 
 } 
  else  
 { 
 alert( " 选择部分中，存在控件，无法进行指定的文本格式化！！ " ); 
 } 
}

function  Wuvist_image() { 
  if  (FTB_IsHtmlMode('WTB1'))  return ; 
 editor  =  FTB_GetIFrame('WTB1'); 
 editor.focus(); 
 
  var  folder  =  ' <%= 用户图片目录名 %> '; 
  var  galleryscript  =  ' / ftb.imagegallery.aspx ? rif = ' + folder + ' & cif = ' + folder; 
 
  if  (isIE) { 
 imgArr  =  showModalDialog(galleryscript,window,'dialogWidth:560px; dialogHeight:500px;help: 0 ;status: 0 ;resizeable: 1 ;'); 
  if  (imgArr  !=   null ) { 
 imagestring  =  ' < IMG SRC = " ' + imgArr['filename'] + ' "  HEIGHT = '  +  imgArr['height']  +  ' WIDTH = '  +  imgArr['width']  +  ' BORDER = 0 > '; 
 sel  =  editor.document.selection.createRange(); 
 sel.pasteHTML(imagestring); 
 } 
 }  else  { 
 alert( " 图片上传功能限只支持IE。 " ); 
 } 
}

function  Wuvist_emots(emot) { 
  if  (FTB_IsHtmlMode('WTB1'))  return ; 
 
 editor  =  FTB_GetIFrame('WTB1'); 
 editor.focus(); 
 
  if  (isIE) { 
  var  range  =  editor.document.selection.createRange(); 
 range.pasteHTML( " <IMG src='images/emot/ " + emot + " .gif' border=0> " ); 
 }  else  { 
 selection  =  editor.window.getSelection(); 
 editor.focus(); 
  if  (selection) { 
 range  =  selection.getRangeAt( 0 ); 
 }  else  { 
 range  =  editor.document.createRange(); 
 } 
 FTB_InsertText('WTB1', " <IMG src='images/emot/ " + emot + " .gif' border=0> " ); 
 } 
}

< EMBED  src =http://www.blogwind.com/music.mp3  width =375  height =47  type =audio  loop ="1"  autostart ="false"  controls ="ControlPanel,StatusBar"  console ="Clip1" ></ EMBED >

function  Wuvist_emot(number) { 
 ftb  =  'WTB1'; 
 img  =  ' < IMG src = " images/emot/'+number+'.gif "  border = 0 > '; 
 window.parent.FTB_API[ftb].InsertHtml(img); 
}

关于FTB 3.0，偶其实还发现了另一个很“关键”的东西……不过，出于对FreeTextBox Team版权的尊重，偶就不写出来了……也许，FreeTextBox Team是故意留下来这样的“后门”吧……反正，也是很简单的事情，大家有兴趣不妨自己研究……偶在博客风中使用了这一技巧……

本文转自 Wuvist 51CTO博客，原文链接:http://blog.51cto.com/wuvist/847764