开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Internet/网络编程 > Email客户端 > 查看源码
editor.js
资源名称：yjal.rar　[点击查看]
上传用户：shjujing
上传日期：2022-07-28
资源大小：11244k
文件大小：33k
源码类别：

Email客户端

开发平台：

Visual C++

editor.js：源码内容
  1. // Images Dir Path
  2. var imagesDir = "editor/icons/";
  4. // fonts setting
  5. var Fonts = new Array("宋体","黑体","仿宋_gb2312","幼圆","楷体_gb2312","Arial","Sans Serif","Tahoma","Verdana","Courier New","Georgia","Times New Roman","Impact","Comic Sans MS");
  7. // use this buttons
  8. var buttonNameGroup = new Array
  9. (
  10.   ["ForeColor","BackColor","Bold", "Italic", "Underline","StrikeThrough","Subscript","Superscript","RemoveFormat"],
  11. ["JustifyLeft", "JustifyCenter", "JustifyRight"],
  12. ["InsertUnorderedList","InsertOrderedList","Outdent","Indent","Help"],
  13. ["CreateLink","Unlink"], 
  14. ["InsertTable","InsertRow","DeleteRow","InsertColumn","DeleteColumn"],
  15. ["InsertImage","InsertFlash","InsertVideo"],
  16. ["Undo", "Redo"],
  17. ["SelectAll","Cut", "Copy", "Paste","PasteText"],
  18. ["InsertHorizontalRule","specialchar","Quote","Code","replace"]
  19. );
  22. // all buttons can be used
  23. var ToolbarList = {
  24. //Name            buttonTitle buttonImage HTML Code
  25. "Bold":           ['粗体', imagesDir + 'bold.gif', '<strong>*</strong>'],
  26. "Italic":         ['斜体', imagesDir + 'italics.gif', '<em>*</em>'],
  27. "Underline":      ['下划线', imagesDir + 'underline.gif', '<u>*</u>'],
  28. "StrikeThrough":  ['删除线', imagesDir + 'strikethrough.gif', '<strike>*</strike>'],
  29. "Seperator":      ['', imagesDir + 'seperator.gif', ''],
  30. "Subscript":      ['上标', imagesDir + 'subscript.gif', '<sub>*</sub>'],
  31. "Superscript":    ['下标', imagesDir + 'superscript.gif', '<sup>*</sup>'],
  32. "JustifyLeft":    ['左对齐', imagesDir + 'justify_left.gif', '<div align="left">*</div>'],
  33. "JustifyCenter":  ['居中对齐', imagesDir + 'justify_center.gif', '<div align="center">*</div>'],
  34. "JustifyRight":   ['右对齐', imagesDir + 'justify_right.gif', '<div align="right">*</div>'],
  35. "InsertUnorderedList":['非排序列表', imagesDir + 'list_unordered.gif', ''],
  36. "InsertOrderedList":['排序列表', imagesDir + 'list_ordered.gif', ''],
  37. "Outdent":        ['减少缩进', imagesDir + 'outdent.gif', false],
  38. "Indent":         ['增加缩进', imagesDir + 'indent.gif', '<blockquote>*</blockquote>'],
  39. "RemoveFormat":   ['清除格式', imagesDir + 'removeformat.gif', ''],
  40. "Cut":            ['剪切', imagesDir + 'cut.gif', true],
  41. "Copy":           ['复制', imagesDir + 'copy.gif', true],
  42. "Paste":          ['粘贴', imagesDir + 'paste.gif', true],
  43. "PasteText":      ['纯文本粘贴', imagesDir + 'pasteText.gif', true],
  44. "ForeColor":      ['颜色', imagesDir + 'forecolor.gif', ''],
  45. "BackColor":      ['背景色', imagesDir + 'backcolor.gif', ''],
  46. "Undo":           ['撤消', imagesDir + 'undo.gif', true],
  47. "Redo":           ['重做', imagesDir + 'redo.gif', true],
  48. "InsertTable":   ['插入表格', imagesDir + 'table.gif', ''],
  49. "InsertRow":   ['插入行', imagesDir + 'InsertRow.gif', ''],
  50. "DeleteRow":   ['删除行', imagesDir + 'DeleteRow.gif', ''],
  51. "InsertColumn":   ['插入列', imagesDir + 'InsertColumn.gif', ''],
  52. "DeleteColumn":   ['删除列', imagesDir + 'DeleteColumn.gif', ''],
  53. "InsertImage":    ['插入图片', imagesDir + 'insert_picture.gif', ''],
  54. "InsertFlash":    ['插入Flash', imagesDir + 'insert_flash.gif', ''],
  55. "InsertVideo":    ['插入视频', imagesDir + 'insert_video.gif', ''],
  56. "CreateLink":     ['链接', imagesDir + 'insert_hyperlink.gif', ''],
  57. "Unlink":   ['取消链接', imagesDir + 'unlink.gif', ''],
  58. "SelectFont":     ['选择字体', imagesDir + 'select_font.gif', ''],
  59. "SelectSize":     ['选择大小', imagesDir + 'select_size.gif', ''],
  60. "InsertHorizontalRule":['插入水平线', imagesDir + 'hr.gif', '*<hr>'],
  61. "SelectAll":   ['全选', imagesDir + 'SelectAll.gif', true],
  62. "specialchar":   ['插入特殊符号', imagesDir + 'specialchar.gif', ''],
  63. "Quote":   ['插入引用', imagesDir + 'quote.gif', '<div class="Quote">*</div>'],
  64. "Code":   ['插入代码', imagesDir + 'code.gif', '<div class="Code">*</div>'],
  65. "replace":   ['替换', imagesDir + 'replace.gif', ''] ,
  66. "Help":   ['帮助', imagesDir + 'help.gif', '']
  67. };
  70. document.write('<link href="'+imagesDir+'editorstyle.css" rel="stylesheet" type="text/css">');
  72. var viewSourceMode = new Array();
  74. var isIE = document.all;
  76. var dropdownID = null;
  78. function oo(ID){
  79. return document.getElementById(ID);
  80. }
  81. String.prototype.trim=function(){return this.replace(/(^s*)|(s*$)/g,"");}
  83. function createEditor(n,outPutObject,_myeditor_Width,_myeditor_Height) {
  84. viewSourceMode[n] = 0;
  85. var toolbar = '<table cellpadding="1" cellspacing="0" border="0" width="100%" id="toolBar_'+n+'" unselectable="on" style="width:' + _myeditor_Width + ';"><tr><td unselectable="on" class="editor_toolbar">';
  86. for(var i=0; i<buttonNameGroup.length;i++) {
  87. if(buttonNameGroup[i]==='') {
  88. toolbar += '<div class="toolbarnewline"></div>';
  89. continue;
  90. }
  92. toolbar += '<div class="toolbarblock"><table cellpadding="0" cellspacing="0" border="0"><tr><td><img src="' +ToolbarList["Seperator"][1]+ '" border=0></td>';
  93. if(i==0){
  94. toolbar += '<td><span id="FontSelect' + n + '" class="editor_select_off"></span></td>';
  95. toolbar += '<td><span id="FontSizes'  + n + '" class="editor_select_off"></span></td>';
  96. }
  97. var buttonName = buttonNameGroup[i];
  98.      for(var j=0; j<buttonName.length; j++){
  99. var buttonID = buttonName[j];
  100.      var buttonObj  = ToolbarList[buttonID];
  101.       var buttonTitle         = buttonObj[0];
  102.         var buttonImage         = buttonObj[1];
  103.      toolbar += '<td width=22><span id="' + n + '_' + buttonID + '_exp" class="button" nowClassName="button" onClick="formatText(''+buttonID+'','' + n + '');" onmouseover="this.className='buttonOver'; " onmouseout="this.className=this.nowClassName;"><img src="' +buttonImage+ '" border=0 title="' +buttonTitle+ '" id="' + n + '_' + buttonID+ '" width="20" height="20"></span></td>';
  104. }
  105. toolbar += "</tr></table></div>";
  107. }
  109. toolbar += '</td></tr></table>';
  111. var iframe = '<table cellpadding="0" cellspacing="0" border="0" class="editor_content"><tr><td valign="top" id="_parent_of_'+n+'" style="width:' + _myeditor_Width + '; height:' + _myeditor_Height + ';">n'
  112.    + '<iframe frameborder="0"  id="_myeditor_' + n + '" onmouseout="autoGetHTML(''+outPutObject+'',''+n+'')" scrolling="auto" style="width:100%; height:' + _myeditor_Height + '; margin:1px;"></iframe>n'
  113.    + '<textarea name="' + n + '" id="' + n + '" onmouseout="autoGetSourceHTML(''+outPutObject+'',''+n+'')"  style="width:100%; height:' + _myeditor_Height + ';display:none; border:0px; margin:0px; font-size:12px; font-family:Courier New,verdana; background-color:#F9F9F9"></textarea>'
  114. + '</td></tr></table>n';
  116. var modebuttons = '<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="top" style="width:' + _myeditor_Width + ';">n'
  117. + '<div class="modebutton modebutton_on" id="HTMLMode_'+n+'" unselectable="on" onclick="viewHTML(''+n+'')"><img src="'+imagesDir+'mode_design.gif" align="absmiddle" /> 所见即所得模式</div>'
  118. + '<div class="modebutton modebutton_off" id="SourceMode_'+n+'" unselectable="on" onclick="viewSource(''+n+'')"><img src="'+imagesDir+'mode_source.gif" align="absmiddle" />HTML代码模式</div>'
  119. + '<div class="modebutton modebutton_off" unselectable="on" onclick="preview_content(''+n+'')"><img src="'+imagesDir+'preview.gif" align="absmiddle" /> 预览</div>'
  120. + '<img src="'+imagesDir+'content_expand.gif" alt="扩展编辑框" onClick="editor_resize(''+n+'',+100)" class="expand_button">'
  121. + '<img src="'+imagesDir+'content_contract.gif" alt="收缩编辑框" onClick="editor_resize(''+n+'',-100)" class="expand_button">'
  122. + '</td></tr></table>n';
  124.    document.write('<table cellpadding="0" cellspacing="0" border="0"><tr><td class="editor_table">' + toolbar + iframe + modebuttons + '</td></tr></table>');
  126. outputFontSelect(n);
  127. outputFontSizes(n); 
  128. outputColor('ForeColor',n); 
  129. outputColor('BackColor',n); 
  131. var doc = oo("_myeditor_" + n).contentWindow.document;
  133. doc.open();
  134. doc.write("<HTML><head><link href='"+imagesDir+"editorinit.css' rel='stylesheet' type='text/css' /></head><BODY bgcolor='#FFFFFF'>"+document.getElementById(outPutObject).value+"</BODY></HTML>");
  135. doc.close();
  136. //
  137. if (isIE){
  138. doc.body.contentEditable = true ;
  139. for (var idx=0; idx < document.forms.length; idx++){
  140.    document.forms[idx].attachEvent('onsubmit', function() { updateValues(n); });
  141. }
  142. document.attachEvent('onmouseup', function() { if(dropdownID && ((event.srcElement.tagName!='IMG'&&event.srcElement.tagName!='BUTTON')||!oo('toolBar_'+n).contains(event.srcElement))){oo(dropdownID).style.display='none'; }  });
  143. doc.attachEvent('onmouseup', function() { editor_buttons_on(n); });
  144. }else{
  145. doc.designMode = 'on';
  146. for (var idx=0; idx < document.forms.length; idx++){
  147. document.forms[idx].addEventListener('submit', function OnSubmit() {updateValues(n);}, true);
  148. }
  149. }
  150. doc.execCommand('LiveResize', false, true);
  151. };
  153. //获取编辑状态下的源代码
  154. function autoGetHTML(n,b)
  155. {
  156.    document.getElementById(n).value=oo('_myeditor_'+b).contentWindow.document.body.innerHTML;
  157. }
  158. //获取源代码模式下的源代码
  159. function autoGetSourceHTML(n,b)
  160. {
  161.    document.getElementById(n).value=oo(b).value;
  162. }
  164. function editor_buttons_on(n){
  165. if(dropdownID) oo(dropdownID).style.display = 'none';
  166. if(!isIE) return false;
  168. var buttonOnIDs = ["Bold","Italic","Underline","Strikethrough","JustifyLeft","JustifyCenter","JustifyRight","InsertUnorderedList","InsertOrderedList"];
  169. try{
  170. for(var i=0;i<buttonOnIDs.length;i++){
  171. var id = buttonOnIDs[i];
  172. if(oo(n+'_'+id)){
  173. if(oo("_myeditor_" + n).contentWindow.document.queryCommandValue(id)==true){
  174. oo(n+'_'+id+'_exp').className = oo(n+'_'+id+'_exp').nowClassName = "buttonOn";
  175. }else{
  176. oo(n+'_'+id+'_exp').className = oo(n+'_'+id+'_exp').nowClassName = "button";
  177. }
  178. }
  179. }
  180. }catch(e){}
  181. }
  183. function formatText(id, n, s) {
  185. if(id=='Help'){
  186. openModalWindow(imagesDir+"help.htm",300,200,n);
  187. return true;
  188. }
  189. if (viewSourceMode[n] == 1) {
  190. return SourceformatText(id,n,s)
  191. }
  192. var w = oo("_myeditor_" + n).contentWindow;
  193. w.focus();
  195. if(!s && (id=='ForeColor'||id=='BackColor')){
  196. return showColor(id,n);
  197. }
  198. else if(id == "PasteText"){
  199. if (window.clipboardData) {
  200. var txt = window.clipboardData.getData("Text").replace( /n/g, '<br />' );
  201. insertHTML( txt ,n);
  202. }else {
  203. openModalWindow(imagesDir+"paste_text.htm",350,200,n);
  204. }
  205. return false;
  206. }
  207. else if (id == "InsertImage") {
  208. var input = window.prompt("请输入图片地址:","");
  209. if(input==null) return;
  210. insertHTML('<img src="'+input+'" />',n);
  211. }
  212. else if(id == "InsertFlash"){
  213. if(!s){
  214. var input = openModalWindow(imagesDir+"insert_flash.htm",350,200,n);
  215. if(input==null) return;
  216. }else input = s;
  217. insertHTML( '<img src="'+imagesDir+'spacer.gif" width="'+input[1]+'" height="'+input[2]+'" alt="'+input[0]+'" class="editor_flash" />',n);
  218. }
  219. else if(id == "InsertVideo"){
  220. if(!s){
  221. var input = openModalWindow(imagesDir+"insert_video.htm",350,250,n);
  222. if(input==null) return;
  223. }else input = s;
  224. insertHTML( '<img src="'+imagesDir+'spacer.gif" width="'+input[1]+'" height="'+input[2]+'" autoplay="'+input[3]+'" alt="'+input[0]+'" class="editor_video_'+input[4]+'" />',n );
  225. }else if(id == "specialchar"){
  226. if(!s){
  227. var input = openModalWindow(imagesDir+"insert_specialchars.htm",400,250,n);
  228. if(input==null) return;
  229. }else input = s;
  230. insertHTML( input,n );
  232. }
  233. else if(id == "InsertTable"){
  234. if(!s){
  235. var input = openModalWindow(imagesDir+"insert_table.htm?n="+n,350,300,n);
  236. if(input==null) return;
  237. }else input = s;
  238. insertHTML( input,n );
  239. }else if( id=='InsertRow' || id=='InsertColumn' || id=='DeleteRow' || id=='DeleteColumn' ){
  240. eval(id+'("'+n+'")');
  241. }
  242. else if(id=="Quote"||id=="Code"){
  243. var type = w.document.selection.type;
  244. if(type=="Text" || type=='None'){
  245. s = '<DIV class="'+id+'">'+w.document.selection.createRange().htmlText+'</DIV>';
  246. insertHTML(s,n);
  247. }else{
  248. alert('请选择相应内容！');
  249. }
  250. }
  251. else if(id=="replace"){
  252. if(!s){
  253. var input = openModalWindow(imagesDir+"replace.htm",250,200,n);
  254. if(input==null) return;
  255. }else input = s;
  256. var cr = w.document.selection.createRange();
  257. cr.expand('textedit');
  258. var k=0;
  259. while(cr.findText(input[0],0,input[2]) ){
  260. cr.select();
  261. insertHTML(input[1],n);
  262. cr.expand('textedit');
  263. k++;
  264. }
  265. if(k) alert("找到并替换 "+k+" 个结果.");
  266. else alert("没找到相关内容.");
  267. }
  268. else{
  269. if(!isIE) w.document.execCommand( 'useCSS', false, true ) ;
  270. w.document.execCommand(id, false, s);
  271. }
  272. editor_buttons_on(n);
  273. };
  275. function SourceformatText(id,n,s){
  277. if(s && s.indexOf('*')!=-1) return;
  279. oo(n).focus();
  281. var sourceCode = '';
  282. if(id == "PasteText") id = 'Paste';
  284. if(id=='FontName'){
  285. sourceCode = '<font face="'+s+'">*</font>';
  286. }
  287. else if(id=='ForeColor'){
  288. //the color window will get the focus ... 
  289. if(isIE) var cr = document.selection.createRange();
  290. else var cr = 1;
  291. if(!s) return showColor(id,n,cr);
  292. cr = showColor(id,n,null);
  293. insertSource('<font color="'+s+'">','</font>',n,cr);
  294. return true;
  295. }
  296. else if(id=='BackColor'){
  297. //the color window will get the focus ... 
  298. if(isIE) var cr = document.selection.createRange();
  299. else var cr = 1;
  300. if(!s) return showColor(id,n,cr);
  301. cr = showColor(id,n,null);
  302. insertSource('<font style="background-color:'+s+'">','</font>',n,cr);
  303. return true;
  304. }
  305. else if(id=='FontSize'){
  306. sourceCode = '<font size="'+s+'">*</font>';
  307. }
  308. else if(id=='CreateLink'){
  309. s = window.prompt("请输入链接地址:","http://");
  310. if(s==null || s.indexOf('*')!=-1 || s=='http://') return;
  311. if( docGetSelection(n) ) sourceCode = '<a href="'+s+'" target=_blank>*</a>';
  312. else{
  313. str = '<a href="'+s+'" target=_blank>'+s+'</a>';
  314. insertSource('',str,n);
  315. return true;
  316. }
  317. }
  318. else if(id=='InsertImage'){
  319. s = window.prompt("请输入图片地址","http://");
  320. if(s==null || s.indexOf('*')!=-1 || s=='http://') return;
  321. str = '<img src="'+s+'">';
  322. insertSource('',str,n);
  323. return true;
  325. }else if(id=='InsertUnorderedList'||id=='InsertOrderedList'){
  326. var str = (id=='InsertUnorderedList'?'<ul>':'<ol>');
  327. var sel = docGetSelection(n);
  328. if( sel ){
  329. strs = sel.split('n');
  330. for(var i=0;i<strs.length;i++){
  331. if(strs[i].trim()) str += 'n<li>'+strs[i].trim()+'</li>';
  332. }
  333. str += 'n'+(id=='InsertUnorderedList'?'</ul>':'</ol>');
  334. }else{
  335. var i=0;
  336. while(s = window.prompt("请输入一个列表项目，留空或取消完成该列表:","")){
  337. str += "n<li>" + s + "</li>";
  338. i++;
  339. }
  340. if(i==0) return false;
  341. str += 'n'+(id=='InsertUnorderedList'?'</ul>':'</ol>');
  342. }
  343. insertSource('',str,n);
  344. return true;
  345. }
  346. else if(id == "InsertFlash"){
  347. if(!s){
  348. var input = openModalWindow(imagesDir+"insert_flash.htm",350,200,n);
  349. if(input==null) return;
  350. }else input = s;
  351. var str = '[flash='+input[1]+','+input[2]+']'+input[0]+'[/flash]'; 
  352. insertSource('',str,n);
  353. return true;
  354. }
  355. else if(id == "InsertVideo"){
  356. if(!s){
  357. var input = openModalWindow(imagesDir+"insert_video.htm",350,250,n);
  358. if(input==null) return;
  359. }else input = s;
  360. var str = '['+input[4]+'='+input[1]+','+input[2]+','+input[3]+']'+input[0]+'[/'+input[4]+']';
  361. insertSource('',str,n);
  362. return true;
  363. }
  364.  if(id=="replace"){
  365. if(!s){
  366. var input = openModalWindow(imagesDir+"replace.htm",250,200,n);
  367. if(input==null) return;
  368. }else input = s;
  369. var str = oo(n).value;
  370. input[0] = input[0].replace(/(W)/mig,"\$1");
  371. var patten = new RegExp(input[0],(input[2]==4?'g':'gi'));
  372. str = str.replace(patten,input[1]);
  373. oo(n).value = str;
  374. return true;
  375. }
  376. else if(id=='Unlink'){
  377. var str = docGetSelection(n).replace(/(</?)(a[^>]*)(>)/mig,'');
  378. insertSource('',str,n);
  379. return true;
  381. }
  382. else if(id=='RemoveFormat'){
  383. //keep img ,use '<*img>' for special string
  384. str = docGetSelection(n).replace(/(<)(imgs[^>]*)(>)/mig,'$1*$2$3');
  385. str = str.replace(/(</?)([^*][^>]*)(>)/mig,'');
  386. str = str.replace(/(<)(*)(imgs[^>]*)(>)/mig,'$1$3$4');
  387. insertSource('',str,n);
  388. return true;
  389. }
  390. else{
  391. sourceCode = ToolbarList[id][2];
  392. if(sourceCode===true){
  393. try{
  394. document.execCommand(id, false, s)
  395. }catch(e){}
  396. }
  397. }
  398. if(sourceCode){
  399. var adds = sourceCode.split('*',2);
  400. insertSource( adds[0],adds[1],n);
  401. }
  403. if(dropdownID) oo(dropdownID).style.display = 'none';
  404. return true;
  405. }
  408. function insertSource(b,e,n,cr){
  409. var textarea = oo(n);
  410. textarea.focus();
  411. if (document.selection) {
  412. var range = cr?cr:document.selection.createRange();
  413. if(b==''){
  414. range.text = e;
  415. range.moveStart('character',0-e.length);
  416. }else{
  417. var len = range.text.length;
  418. range.text = b + range.text + e;
  419. range.moveStart('character',0-e.length-len);
  420. range.moveEnd('character',0-e.length);
  421. }
  422. range.select();
  423. }
  424. else if(window.getSelection&&textarea.selectionStart>-1){
  425. var st = textarea.selectionStart; 
  426. var ed = textarea.selectionEnd; 
  427. var selText = b?textarea.value.substring(st,ed):'';
  428. textarea.value = textarea.value.substring(0,st) + b + selText + e + textarea.value.slice(ed);
  429. textarea.selectionStart = st + b.length;
  430. textarea.selectionEnd = st + b.length + (b?selText.length:e.length);
  431. }
  432. else {
  433. textarea.value += b+e;
  434. }
  435. }
  437. function docGetSelection(n){
  438. var textarea = oo(n);
  439. if (!isIE){
  440. if (textarea.selectionStart!=undefined) {
  441. return textarea.value.substring(textarea.selectionStart, textarea.selectionEnd);
  442. }
  443. }else{
  444. if(window.getSelection) return window.getSelection();
  445. else if (document.getSelection)return document.getSelection();
  446. else if (document.selection)return document.selection.createRange().text;
  447. }
  448. }
  450. function openModalWindow(url,width,height,n){
  451. if(isIE){
  452. return window.showModalDialog(url,window,"dialogWidth: "+width+"px; dialogHeight:"+height+"px; edge: Raised; center: Yes; help: No; resizable: No; status: No;");
  453. }else{
  454. window.open(url,n,"modal=yes,width="+width+"px,height="+height+"px,resizable=no,scrollbars=no");
  455. return null;
  456. }
  457. }
  459. function insertHTML(html, n) {
  460. oo("_myeditor_" + n).contentWindow.focus();
  462. if (isIE) {   
  463. var cr = oo('_myeditor_' + n).contentWindow.document.selection.createRange()
  464. cr.pasteHTML(html);
  465. cr.select();
  466. }else {
  467. oo('_myeditor_' + n).contentWindow.document.execCommand('insertHTML',false, html);
  468. }
  469. }
  471. function outputFontSelect(n) {
  472. var FontSelectObj        = ToolbarList['SelectFont'];
  473. var FontSelect           = FontSelectObj[1];
  474. var FontSelectOn         = imagesDir + 'select_font_on.gif';
  476. var FontSelectDropDown = '<table border="0" cellpadding="0" cellspacing="0"><tr><td onMouseOver="oo('selectFont' + n + '').src='' + FontSelectOn + '';" onMouseOut="oo('selectFont' + n + '').src='' + FontSelect + '';"><img src="' + FontSelect + '" id="selectFont' + n + '" width="85" height="20" onClick="showFonts('' + n + '');"><br>';
  477. FontSelectDropDown += '<span id="Fonts' + n + '" class="dropdown" style="width: 145px; display:none;">';
  479. for (var i = 0; i <= Fonts.length;) {
  480. if (Fonts[i]) {
  481. FontSelectDropDown += '<button type="button" onClick="formatText('FontName','' + n + '','' + Fonts[i] + '');" onMouseOver="this.className='mouseOver'" onMouseOut="this.className='mouseOut'" class="mouseOut" style="width: 120px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td align="left" style="font-family:' + Fonts[i] + '; font-size: 12px;">' + Fonts[i] + '</td></tr></table></button><br>';
  482. }  
  483. i++;
  484. }
  485. FontSelectDropDown += '</span></td></tr></table>';
  486. oo('FontSelect' + n).innerHTML = FontSelectDropDown;
  487. };
  489. function outputFontSizes(n) {
  491. var FontSizeObj        = ToolbarList['SelectSize'];
  492. var FontSize           = FontSizeObj[1];
  493. var FontSizeOn         = imagesDir + 'select_size_on.gif';
  495. var FontSizesDropDown = '<table border="0" cellpadding="0" cellspacing="0"><tr><td onMouseOver="oo('selectSize' + n + '').src='' + FontSizeOn + '';" onMouseOut="oo('selectSize' + n + '').src='' + FontSize + '';"><img src="' + FontSize + '" id="selectSize' + n + '" width="49" height="20" onClick="showFontSizes('' + n + '');"><br>';
  496. FontSizesDropDown += '<span id="Sizes' + n + '" class="dropdown" style="width:80px; display:none;">';
  498. for (var i = 1; i <= 7;i++) {
  499. FontSizesDropDown += '<button type="button" onClick="formatText('FontSize','' + n + '','' + i + '');" onMouseOver="this.className='mouseOver'" onMouseOut="this.className='mouseOut'" class="mouseOut" style="width: 100%; font-family:arial"><font size="'+i+'">' + (i) + '</font></button><br>';
  500. }
  501. FontSizesDropDown += '</span></td></tr></table>';
  502. oo('FontSizes' + n).innerHTML = FontSizesDropDown;
  503. };
  505. function outputColor(c,n){
  506. if(!oo(n+'_'+c+'_exp')) return false;
  507. var string = '<br><span id="' + c + n + '" class="dropdown" style="width: 200px;overflow:hidden;display:none;">';
  508. string += '<iframe name="'+c+'_win" src="'+imagesDir+'select_color.htm?color=000000&command='+c+'&_myeditor_=' + n +'" width="100%" height="140px" frameborder="0" scrolling="no" unselectable="on"></iframe></span>';
  509. oo(n+'_'+c+'_exp').innerHTML += string;
  510. }
  512. function showFonts(n) { 
  513. if (oo('Fonts' + n).style.display == 'block') {
  514. oo('Fonts' + n).style.display = 'none';
  515. }
  516. else {
  517. oo('Fonts' + n).style.display = 'block';
  518. if(dropdownID&&dropdownID!='Fonts' + n) oo(dropdownID).style.display = 'none';
  519. dropdownID = 'Fonts' + n;
  520. }
  521. };
  523. function showFontSizes(n) { 
  524. if (oo('Sizes' + n).style.display == 'block') {
  525. oo('Sizes' + n).style.display = 'none';
  526. }
  527. else {
  528. oo('Sizes' + n).style.display = 'block'; 
  529. if(dropdownID&&dropdownID!='Sizes' + n) oo(dropdownID).style.display = 'none';
  530. dropdownID = 'Sizes' + n;
  531. }
  532. };
  534. function showColor(c,n,cr) {
  535. if (oo(c + n).style.display == 'block') {
  536. oo(c + n).style.display = 'none';
  537. }
  538. else {
  539. oo(c + n).style.display = 'block'; 
  540. if(dropdownID&&dropdownID!=c+n) oo(dropdownID).style.display = 'none';
  541. dropdownID = c + n;
  542. }
  543. if(cr) oo(c + n).cr = cr;
  544. if(oo(c + n).cr) return oo(c + n).cr;
  546. };
  548. function updateValues(n){
  549. if(viewSourceMode[n]){
  550. var doc = oo("_myeditor_" + n).contentWindow.document;
  551. doc.body.innerHTML = source_html( oo(n).value );
  552. }
  553. else{
  554. var doc = oo("_myeditor_" + n).contentWindow.document;
  555. oo(n).value = html_source( n );
  556. }
  557. }
  559. function editor_resize(n,size){
  560. var obj=oo('_parent_of_'+n);
  561. if(size<0 && obj.offsetHeight<0-size*2) return false;
  562. oo(n).style.height = oo('_myeditor_' + n).style.height = obj.style.height = obj.offsetHeight + size;
  563. }
  565. function viewSource(n) {
  566. updateValues(n);
  567. if(viewSourceMode[n]) return;
  568. oo("_myeditor_" + n).style.display = 'none'; 
  569. oo(n).style.display = 'block';
  570. var c = oo('SourceMode_' + n).className;
  571. oo('SourceMode_' + n).className = oo('HTMLMode_' + n).className;
  572. oo('HTMLMode_' + n).className = c;
  573. oo(n).focus();
  574. viewSourceMode[n] = 1;
  575. editor_buttons_on(n);
  576. };
  578. function viewHTML(n) { 
  579. updateValues(n);
  580. if(!viewSourceMode[n]) return;
  581. oo("_myeditor_" + n).style.display = 'block'; 
  582. oo(n).style.display = 'none';
  583. var c = oo('SourceMode_' + n).className;
  584. oo('SourceMode_' + n).className = oo('HTMLMode_' + n).className;
  585. oo('HTMLMode_' + n).className = c;
  586. oo("_myeditor_" + n).focus();
  587. viewSourceMode[n] = 0;
  588. editor_buttons_on(n);
  589. };
  592. function html_source(n){
  593. //the special images ...
  594. var doc = oo("_myeditor_" + n).contentWindow.document;
  595. var images = doc.getElementsByTagName("IMG");
  596. for(var i=images.length-1;i>=0;i--){
  597. if(images[i].className=='editor_flash')
  598. images[i].outerHTML = '[flash='+parseInt(images[i].style.width?images[i].style.width:images[i].width)+','+parseInt(images[i].style.height?images[i].style.height:images[i].height)+']'+images[i].alt+'[/flash]';
  599. else if(images[i].className=='editor_video_rm')
  600. images[i].outerHTML = '[rm='+parseInt(images[i].style.width?images[i].style.width:images[i].width)+','+parseInt(images[i].style.height?images[i].style.height:images[i].height)+','+images[i].autoplay+']'+images[i].alt+'[/rm]';
  601. else if(images[i].className=='editor_video_mp')
  602. images[i].outerHTML = '[mp='+parseInt(images[i].style.width?images[i].style.width:images[i].width)+','+parseInt(images[i].style.height?images[i].style.height:images[i].height)+','+images[i].autoplay+']'+images[i].alt+'[/mp]';
  603. }
  604. var links = doc.getElementsByTagName("A");
  605. for(i=links.length-1;i>=0;i--){
  606. if(links[i].href && !links[i].target)
  607. links[i].target='_blank';
  608. }
  609. var code = doc.body.innerHTML.trim();
  610. return code;
  611. }
  613. function source_html(code){
  614. var specialUbbCodes = { '[flash=*,*]*[/flash]' : '<img src="'+imagesDir+'spacer.gif" width="$1" height="$2" alt="$3" class="editor_flash" />',
  615.  '[mp=*,*,*]*[/mp]' : '<img src="'+imagesDir+'spacer.gif" width="$1" height="$2" autoplay="$3" alt="$4" class="editor_video_mp" />',
  616.  '[rm=*,*,*]*[/rm]' : '<img src="'+imagesDir+'spacer.gif" width="$1" height="$2" autoplay="$3" alt="$4" class="editor_video_rm" />'
  617.  }
  619. for(var pattern in specialUbbCodes){
  620. var newpat = pattern.replace(/([[]/])/g,'\$1').replace(/(*)/g,"([^\]]+)");
  621. code = code.replace(new RegExp(newpat,'ig'),specialUbbCodes[pattern]);
  622. }
  623. return code;
  624. }
  626. // preview functions
  627. function preview_content(n){
  628. var win = window.open("","_blank","width=400px,height=300px,resizable=yes,scrollbars=auto");
  629. if(!viewSourceMode[n]) var code = html_source( n );
  630. else var code = oo(n).value;
  632. var specialUbbCodes = { '[flash=*,*]*[/flash]' : '<embed src="$3" width="$1" height="$2" type="application/x-shockwave-flash" play="true" loop="true" menu="true"></embed>',
  633.  '[mp=*,*,*]*[/mp]' : '<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="$1" height="$2"><param name="SRC" value="$4"><param name="AUTOSTART" value="$3"></object>',
  634.  '[rm=*,*,*]*[/rm]' : '<embed type="application/x-oleobject" flename="mp" src="$4" width="$1" height="$2"></embed>'
  635.  }
  637. for(var pattern in specialUbbCodes){
  638. var newpat = pattern.replace(/([[]/])/g,'\$1').replace(/(*)/g,"([^\]]+)");
  639. code = code.replace(new RegExp(newpat,'ig'),specialUbbCodes[pattern]);
  640. }
  642. win.document.write("<HTML><head><title>Preview</title><link href='"+imagesDir+"editorinit.css' rel='stylesheet' type='text/css' /></head><BODY>"+code+"</BODY></HTML>");
  644. }
  646. // table functions ... 
  647. function GetRangeReference(editor)
  648. {
  649. editor.focus();
  650. var objReference = null;
  651. var RangeType = editor.document.selection.type;
  652. var selectedRange = editor.document.selection.createRange();
  653. switch(RangeType)
  654. {
  655. case 'Control' :
  656. if (selectedRange.length > 0 ) 
  657. {
  658. objReference = selectedRange.item(0);
  659. }
  660. break;
  661. case 'None' :
  662. objReference = selectedRange.parentElement();
  663. break;
  664. case 'Text' :
  665. objReference = selectedRange.parentElement();
  666. break;
  667. }
  668. return objReference
  669. }
  671. function CheckTag(myitem,tagName){
  673. if (myitem.tagName.search(tagName)!= -1)
  674. {
  675. return myitem;
  676. }
  677. if (myitem.tagName == 'BODY')
  678. {
  679. return false;
  680. }
  681. myitem=myitem.parentElement;
  682. return Dvbbs_CheckTag(myitem,tagName);
  683. }
  685. function InsertRow( n ){
  687. editor = oo("_myeditor_" + n).contentWindow;
  688. objReference = GetRangeReference(editor);
  689. objReference = CheckTag(objReference,'/^(TABLE)|^(TR)|^(TD)|^(TBODY)/');
  690. switch(objReference.tagName)
  691. {
  692. case 'TABLE' :
  693. var newTable = objReference.cloneNode(true);
  694. var newRow = newTable.insertRow();
  695. for(x = 0; x<newTable.rows[0].cells.length; x++)
  696. {
  697. var newCell = newRow.insertCell();
  698. }
  699. objReference.outerHTML = newTable.outerHTML;
  700. break;
  701. case 'TBODY' :
  702. var newTable = objReference.cloneNode(true);
  703. var newRow = newTable.insertRow();
  704. for(x = 0; x<newTable.rows[0].cells.length; x++)
  705. {
  706. var newCell = newRow.insertCell();
  707. }
  708. objReference.outerHTML=newTable.outerHTML;
  709. break;
  710. case 'TR' :
  711. var rowIndex = objReference.rowIndex;
  712. var parentTable = objReference.parentElement.parentElement;
  713. var newTable = parentTable.cloneNode(true);
  714. var newRow = newTable.insertRow(rowIndex+1);
  715. for(x = 0; x< newTable.rows[0].cells.length; x++)
  716. {
  717. var newCell = newRow.insertCell();
  718. }
  719. parentTable.outerHTML = newTable.outerHTML;
  720. break;
  721. case 'TD' :
  722. var parentRow = objReference.parentElement;
  723. var rowIndex = parentRow.rowIndex;
  724. var cellIndex = objReference.cellIndex;
  725. var parentTable = objReference.parentElement.parentElement.parentElement;
  726. var newTable = parentTable.cloneNode(true);
  727. var newRow = newTable.insertRow(rowIndex+1);
  728. for(x = 0; x< newTable.rows[0].cells.length; x++)
  729. {
  730. var newCell = newRow.insertCell();
  731. if (x == cellIndex)newCell.id='ura';
  732. }
  733. parentTable.outerHTML = newTable.outerHTML;
  734. var r = editor.document.body.createTextRange();
  735. var item = editor.document.getElementById('ura');
  736. item.id = '';
  737. r.moveToElementText(item);
  738. r.moveStart('character',r.text.length);
  739. r.select();
  740. break;
  741. default :
  742. return;
  743. }
  744. }
  746. function DeleteRow( n )
  747. {
  748. editor=oo("_myeditor_" + n).contentWindow;
  749. objReference=GetRangeReference(editor);
  750. objReference=CheckTag(objReference,'/^(TABLE)|^(TR)|^(TD)|^(TBODY)/');
  751. switch(objReference.tagName)
  752. {
  753. case 'TR' :var rowIndex = objReference.rowIndex;//Get rowIndex
  754. var parentTable=objReference.parentElement.parentElement;
  755. parentTable.deleteRow(rowIndex);
  756. break;
  757. case 'TD' :var cellIndex=objReference.cellIndex;
  758. var parentRow=objReference.parentElement;//Get Parent Row
  759. var rowIndex = parentRow.rowIndex;//Get rowIndex
  760. var parentTable=objReference.parentElement.parentElement.parentElement;
  761. parentTable.deleteRow(rowIndex);
  762. if (rowIndex>=parentTable.rows.length)
  763. {
  764. rowIndex=parentTable.rows.length-1;
  765. }
  766. if (rowIndex>=0)
  767. {
  768. var r = editor.document.body.createTextRange();
  769. r.moveToElementText(parentTable.rows[rowIndex].cells[cellIndex]);
  770. r.moveStart('character',r.text.length);
  771. r.select();
  772. }
  773. else
  774. {
  775. parentTable.removeNode(true);
  776. }
  777. break;
  778. default :return;
  779. }
  780. }
  782. function InsertColumn( n )
  783. {
  784. editor = oo("_myeditor_" + n).contentWindow;
  785. objReference= GetRangeReference(editor);
  786. objReference=CheckTag(objReference,'/^(TABLE)|^(TR)|^(TD)|^(TBODY)/');
  787. switch(objReference.tagName)
  788. {
  789. case 'TABLE' :// IF a table is selected, it adds a new column on the right hand side of the table.
  790. var newTable=objReference.cloneNode(true);
  791. for(x=0; x<newTable.rows.length; x++)
  792. {
  793. var newCell = newTable.rows[x].insertCell();
  794. }
  795. newCell.focus();
  796. objReference.outerHTML=newTable.outerHTML;
  797. break;
  798. case 'TBODY' :// IF a table is selected, it adds a new column on the right hand side of the table.
  799. var newTable=objReference.cloneNode(true);
  800. for(x=0; x<newTable.rows.length; x++)
  801. {
  802. var newCell = newTable.rows[x].insertCell();
  803. }
  804. objReference.outerHTML=newTable.outerHTML;
  805. break;
  806. case 'TR' :// IF a table is selected, it adds a new column on the right hand side of the table.
  807. objReference=objReference.parentElement.parentElement;
  808. var newTable=objReference.cloneNode(true);
  809. for(x=0; x<newTable.rows.length; x++)
  810. {
  811. var newCell = newTable.rows[x].insertCell();
  812. }
  813. objReference.outerHTML=newTable.outerHTML;
  814. break;
  815. case 'TD' :// IF the cursor is in a cell, or a cell is selected, it adds a new column to the right of that cell.
  816. var cellIndex = objReference.cellIndex;//Get cellIndex
  817. var rowIndex=objReference.parentElement.rowIndex;
  818. var parentTable=objReference.parentElement.parentElement.parentElement;
  819. var newTable=parentTable.cloneNode(true);
  820. for(x=0; x<newTable.rows.length; x++)
  821. {
  822. var newCell = newTable.rows[x].insertCell(cellIndex+1);
  823. if (x==rowIndex)newCell.id='ura';
  824. }
  825. parentTable.outerHTML=newTable.outerHTML;
  826. var r = editor.document.body.createTextRange();
  827. var myitem=editor.document.getElementById('ura');
  828. myitem.id='';
  829. r.moveToElementText(myitem);
  830. r.moveStart('character',r.text.length);
  831. r.select();
  832. break;
  833. default :
  834. return;
  835. }
  836. }
  837. function DeleteColumn( n )
  838. {
  839. editor = oo("_myeditor_" + n).contentWindow;
  840. objReference=GetRangeReference(editor);
  841. objReference=CheckTag(objReference,'/^(TABLE)|^(TR)|^(TD)|^(TBODY)/');
  842. switch(objReference.tagName)
  843. {
  845. case 'TD' :var rowIndex=objReference.parentElement.rowIndex;
  846. var cellIndex = objReference.cellIndex;//Get cellIndex
  847. var parentTable=objReference.parentElement.parentElement.parentElement;
  848. var newTable=parentTable.cloneNode(true);
  849. if (newTable.rows[0].cells.length==1)
  850. {
  851. parentTable.removeNode(true);
  852. return;
  853. }
  854. for(x=0; x<newTable.rows.length; x++)
  855. {
  856. if (newTable.rows[x].cells[cellIndex]=='[object]')
  857. {
  858. newTable.rows[x].deleteCell(cellIndex);
  859. }
  860. }
  861. if (cellIndex>=newTable.rows[0].cells.length)
  862. {
  863. cellIndex=newTable.rows[0].cells.length-1;
  864. }
  865. if (cellIndex>=0)  newTable.rows[rowIndex].cells[cellIndex].id='ura';
  866. parentTable.outerHTML=newTable.outerHTML;
  867. if (cellIndex>=0){
  868. var r = editor.document.body.createTextRange();
  869. var myitem=editor.document.getElementById('ura');
  870. myitem.id='';
  871. r.moveToElementText(myitem);
  872. r.moveStart('character',r.text.length);
  873. r.select();
  874. }
  875. break;
  876. default :return;
  877. }
  878. }
  881. //Emote ...
  882. function Emote(image,n)
  883. {
  884. image='<img src="' + image + '">';
  885. var obj=oo(n);
  886. if (obj==null)
  887. {
  888. n=n.replace(/(_ctl)/g,"ctl0");
  889. n=n.replace(/(:)/g,"$");
  890. }
  891. if(viewSourceMode[n]) insertSource('',image,n);
  892. else insertHTML( image ,n);
  893. }