editor.js
上传用户:huijianzhu
上传日期:2009-11-25
资源大小:9825k
文件大小:32k
源码类别:

电子政务应用

开发平台:

Java

  1. /*
  2. *☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
  3. *★                                                                  ★
  4. *☆                eWebEditor - eWebSoft在线编辑器                   ☆
  5. *★                                                                  ★
  6. *☆  版权所有: eWebSoft.com                                          ☆
  7. *★                                                                  ★
  8. *☆  程序制作: eWeb开发团队                                          ☆
  9. *★            email:webmaster@webasp.net                            ★
  10. *☆            QQ:589808                                             ☆
  11. *★                                                                  ★
  12. *☆  相关网址: [产品介绍]http://www.eWebSoft.com/Product/eWebEditor/ ☆
  13. *★            [支持论坛]http://bbs.eWebSoft.com/                    ★
  14. *☆                                                                  ☆
  15. *★  主页地址: http://www.eWebSoft.com/   eWebSoft团队及产品         ★
  16. *☆            http://www.webasp.net/     WEB技术及应用资源网站      ☆
  17. *★            http://bbs.webasp.net/     WEB技术交流论坛            ★
  18. *★                                                                  ★
  19. *☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
  20. */
  21. // 当前模式
  22. var sCurrMode = null;
  23. var bEditMode = null;
  24. // 连接对象
  25. var oLinkField = null;
  26. // 浏览器版本检测
  27. var BrowserInfo = new Object() ;
  28. BrowserInfo.MajorVer = navigator.appVersion.match(/MSIE (.)/)[1] ;
  29. BrowserInfo.MinorVer = navigator.appVersion.match(/MSIE ..(.)/)[1] ;
  30. BrowserInfo.IsIE55OrMore = BrowserInfo.MajorVer >= 6 || ( BrowserInfo.MajorVer >= 5 && BrowserInfo.MinorVer >= 5 ) ;
  31. var yToolbars = new Array();  // 工具栏数组
  32. // 当文档完全调入时,进行初始化
  33. var bInitialized = false;
  34. function document.onreadystatechange(){
  35. if (document.readyState!="complete") return;
  36. if (bInitialized) return;
  37. bInitialized = true;
  38. var i, s, curr;
  39. // 初始每个工具栏
  40. for (i=0; i<document.body.all.length;i++){
  41. curr=document.body.all[i];
  42. if (curr.className == "yToolbar"){
  43. InitTB(curr);
  44. yToolbars[yToolbars.length] = curr;
  45. }
  46. }
  47. oLinkField = parent.document.getElementsByName(sLinkFieldName)[0];
  48. if (!config.License){
  49. try{
  50. eWebEditor_License.innerHTML = "&copy; <a href='#' target='_blank'><font color=#000000>OTT</font></a>";
  51. }
  52. catch(e){
  53. }
  54. }
  55. // IE5.5以下版本只能使用纯文本模式
  56. if (!BrowserInfo.IsIE55OrMore){
  57. config.InitMode = "TEXT";
  58. }
  59. if (ContentFlag.value=="0") { 
  60. ContentEdit.value = oLinkField.value;
  61. ContentLoad.value = oLinkField.value;
  62. ModeEdit.value = config.InitMode;
  63. ContentFlag.value = "1";
  64. }
  65. setMode(ModeEdit.value);
  66. setLinkedField() ;
  67. }
  68. // 初始化一个工具栏上的按钮
  69. function InitBtn(btn) {
  70. btn.onmouseover = BtnMouseOver;
  71. btn.onmouseout = BtnMouseOut;
  72. btn.onmousedown = BtnMouseDown;
  73. btn.onmouseup = BtnMouseUp;
  74. btn.ondragstart = YCancelEvent;
  75. btn.onselectstart = YCancelEvent;
  76. btn.onselect = YCancelEvent;
  77. btn.YUSERONCLICK = btn.onclick;
  78. btn.onclick = YCancelEvent;
  79. btn.YINITIALIZED = true;
  80. return true;
  81. }
  82. //Initialize a toolbar. 
  83. function InitTB(y) {
  84. // Set initial size of toolbar to that of the handle
  85. y.TBWidth = 0;
  86. // Populate the toolbar with its contents
  87. if (! PopulateTB(y)) return false;
  88. // Set the toolbar width and put in the handle
  89. y.style.posWidth = y.TBWidth;
  90. return true;
  91. }
  92. // Hander that simply cancels an event
  93. function YCancelEvent() {
  94. event.returnValue=false;
  95. event.cancelBubble=true;
  96. return false;
  97. }
  98. // Toolbar button onmouseover handler
  99. function BtnMouseOver() {
  100. if (event.srcElement.tagName != "IMG") return false;
  101. var image = event.srcElement;
  102. var element = image.parentElement;
  103. // Change button look based on current state of image.
  104. if (image.className == "Ico") element.className = "BtnMouseOverUp";
  105. else if (image.className == "IcoDown") element.className = "BtnMouseOverDown";
  106. event.cancelBubble = true;
  107. }
  108. // Toolbar button onmouseout handler
  109. function BtnMouseOut() {
  110. if (event.srcElement.tagName != "IMG") {
  111. event.cancelBubble = true;
  112. return false;
  113. }
  114. var image = event.srcElement;
  115. var element = image.parentElement;
  116. yRaisedElement = null;
  117. element.className = "Btn";
  118. image.className = "Ico";
  119. event.cancelBubble = true;
  120. }
  121. // Toolbar button onmousedown handler
  122. function BtnMouseDown() {
  123. if (event.srcElement.tagName != "IMG") {
  124. event.cancelBubble = true;
  125. event.returnValue=false;
  126. return false;
  127. }
  128. var image = event.srcElement;
  129. var element = image.parentElement;
  130. element.className = "BtnMouseOverDown";
  131. image.className = "IcoDown";
  132. event.cancelBubble = true;
  133. event.returnValue=false;
  134. return false;
  135. }
  136. // Toolbar button onmouseup handler
  137. function BtnMouseUp() {
  138. if (event.srcElement.tagName != "IMG") {
  139. event.cancelBubble = true;
  140. return false;
  141. }
  142. var image = event.srcElement;
  143. var element = image.parentElement;
  144. if (element.YUSERONCLICK) eval(element.YUSERONCLICK + "anonymous()");
  145. element.className = "BtnMouseOverUp";
  146. image.className = "Ico";
  147. event.cancelBubble = true;
  148. return false;
  149. }
  150. // Populate a toolbar with the elements within it
  151. function PopulateTB(y) {
  152. var i, elements, element;
  153. // Iterate through all the top-level elements in the toolbar
  154. elements = y.children;
  155. for (i=0; i<elements.length; i++) {
  156. element = elements[i];
  157. if (element.tagName == "SCRIPT" || element.tagName == "!") continue;
  158. switch (element.className) {
  159. case "Btn":
  160. if (element.YINITIALIZED == null) {
  161. if (! InitBtn(element)) {
  162. alert("Problem initializing:" + element.id);
  163. return false;
  164. }
  165. }
  166. element.style.posLeft = y.TBWidth;
  167. y.TBWidth += element.offsetWidth + 1;
  168. break;
  169. case "TBGen":
  170. element.style.posLeft = y.TBWidth;
  171. y.TBWidth += element.offsetWidth + 1;
  172. break;
  173. case "TBSep":
  174. element.style.posLeft = y.TBWidth + 2;
  175. y.TBWidth += 5;
  176. break;
  177. case "TBHandle":
  178. element.style.posLeft = 2;
  179. y.TBWidth += element.offsetWidth + 7;
  180. break;
  181. default:
  182. alert("Invalid class: " + element.className + " on Element: " + element.id + " <" + element.tagName + ">");
  183. return false;
  184. }
  185. }
  186. y.TBWidth += 1;
  187. return true;
  188. }
  189. // 设置所属表单的提交或reset事件
  190. function setLinkedField() {
  191. if (! oLinkField) return ;
  192. var oForm = oLinkField.form ;
  193. if (!oForm) return ;
  194. // 附加submit事件
  195. oForm.attachEvent("onsubmit", AttachSubmit) ;
  196. if (! oForm.submitEditor) oForm.submitEditor = new Array() ;
  197. oForm.submitEditor[oForm.submitEditor.length] = AttachSubmit ;
  198. if (! oForm.originalSubmit) {
  199. oForm.originalSubmit = oForm.submit ;
  200. oForm.submit = function() {
  201. if (this.submitEditor) {
  202. for (var i = 0 ; i < this.submitEditor.length ; i++) {
  203. this.submitEditor[i]() ;
  204. }
  205. }
  206. this.originalSubmit() ;
  207. }
  208. }
  209. // 附加reset事件
  210. oForm.attachEvent("onreset", AttachReset) ;
  211. if (! oForm.resetEditor) oForm.resetEditor = new Array() ;
  212. oForm.resetEditor[oForm.resetEditor.length] = AttachReset ;
  213. if (! oForm.originalReset) {
  214. oForm.originalReset = oForm.reset ;
  215. oForm.reset = function() {
  216. if (this.resetEditor) {
  217. for (var i = 0 ; i < this.resetEditor.length ; i++) {
  218. this.resetEditor[i]() ;
  219. }
  220. }
  221. this.originalReset() ;
  222. }
  223. }
  224. }
  225. // 附加submit提交事件,大表单数据提交,远程文件获取,保存eWebEditor中的内容
  226. var bDoneAutoRemote = false;
  227. function AttachSubmit() { 
  228. var oForm = oLinkField.form ;
  229. if (!oForm) return;
  230. if ((config.AutoRemote=="1")&&(!bDoneAutoRemote)){
  231. parent.event.returnValue = false;
  232. bDoneAutoRemote = true;
  233. remoteUpload();
  234. } else {
  235. var html = getHTML();
  236. ContentEdit.value = html;
  237. if (sCurrMode=="TEXT"){
  238. html = HTMLEncode(html);
  239. }
  240. splitTextField(oLinkField, html);
  241. }
  242. // 提交表单
  243. function doSubmit(){
  244. var oForm = oLinkField.form ;
  245. if (!oForm) return ;
  246. oForm.submit();
  247. }
  248. // 附加Reset事件
  249. function AttachReset() {
  250. if(bEditMode){
  251. eWebEditor.document.body.innerHTML = ContentLoad.value;
  252. }else{
  253. eWebEditor.document.body.innerText = ContentLoad.value;
  254. }
  255. }
  256. // 显示帮助
  257. function onHelp(){
  258. ShowDialog('dialog/help.htm','400','300');
  259. return false;
  260. }
  261. // 粘贴时自动检测是否来源于Word格式
  262. function onPaste() {
  263. if (sCurrMode=="VIEW") return false;
  264. if (sCurrMode=="EDIT"){
  265. if (config.AutoDetectPasteFromWord && BrowserInfo.IsIE55OrMore) {
  266. var sHTML = GetClipboardHTML() ;
  267. var re = /<w[^>]* class="?MsoNormal"?/gi ;
  268. if ( re.test(sHTML)){
  269. if ( confirm( "你要粘贴的内容好象是从Word中拷出来的,是否要先清除Word格式再粘贴?" ) ){
  270. cleanAndPaste( sHTML ) ;
  271. return false ;
  272. }
  273. }
  274. }else{
  275. return true ;
  276. }
  277. }else{
  278. eWebEditor.document.selection.createRange().pasteHTML(HTMLEncode( clipboardData.getData("Text"))) ;
  279. return false;
  280. }
  281. }
  282. // 快捷键
  283. function onKeyDown(event){
  284. var key = String.fromCharCode(event.keyCode).toUpperCase();
  285. // F2:显示或隐藏指导方针
  286. if (event.keyCode==113){
  287. showBorders();
  288. return false;
  289. }
  290. if (event.ctrlKey){
  291. // Ctrl+Enter:提交
  292. if (event.keyCode==10){
  293. doSubmit();
  294. return false;
  295. }
  296. // Ctrl++:增加编辑区
  297. if (key=="+"){
  298. sizeChange(300);
  299. return false;
  300. }
  301. // Ctrl+-:减小编辑区
  302. if (key=="-"){
  303. sizeChange(-300);
  304. return false;
  305. }
  306. // Ctrl+1:代码模式
  307. if (key=="1"){
  308. setMode("CODE");
  309. return false;
  310. }
  311. // Ctrl+2:设计模式
  312. if (key=="2"){
  313. setMode("EDIT");
  314. return false;
  315. }
  316. // Ctrl+3:纯文本
  317. if (key=="3"){
  318. setMode("TEXT");
  319. return false;
  320. }
  321. // Ctrl+4:预览
  322. if (key=="4"){
  323. setMode("VIEW");
  324. return false;
  325. }
  326. }
  327. switch(sCurrMode){
  328. case "VIEW":
  329. return true;
  330. break;
  331. case "EDIT":
  332. if (event.ctrlKey){
  333. // Ctrl+D:从Word粘贴
  334. if (key == "D"){
  335. PasteWord();
  336. return false;
  337. }
  338. // Ctrl+R:查找替换
  339. if (key == "R"){
  340. findReplace();
  341. return false;
  342. }
  343. // Ctrl+Z:Undo
  344. if (key == "Z"){
  345. goHistory(-1);
  346. return false;
  347. }
  348. // Ctrl+Y:Redo
  349. if (key == "Y"){
  350. goHistory(1);
  351. return false;
  352. }
  353. }
  354. if(!event.ctrlKey && event.keyCode != 90 && event.keyCode != 89) {
  355. if (event.keyCode == 32 || event.keyCode == 13){
  356. saveHistory()
  357. }
  358. }
  359. return true;
  360. break;
  361. default:
  362. if (event.keyCode==13){
  363. var sel = eWebEditor.document.selection.createRange();
  364. sel.pasteHTML("<BR>");
  365. event.cancelBubble = true;
  366. event.returnValue = false;
  367. sel.select();
  368. sel.moveEnd("character", 1);
  369. sel.moveStart("character", 1);
  370. sel.collapse(false);
  371. return false;
  372. }
  373. // 屏蔽事件
  374. if (event.ctrlKey){
  375. // Ctrl+B,I,U
  376. if ((key == "B")||(key == "I")||(key == "U")){
  377. return false;
  378. }
  379. }
  380. }
  381. }
  382. // 取剪粘板中的HTML格式数据
  383. function GetClipboardHTML() {
  384. var oDiv = document.getElementById("eWebEditor_Temp_HTML")
  385. oDiv.innerHTML = "" ;
  386. var oTextRange = document.body.createTextRange() ;
  387. oTextRange.moveToElementText(oDiv) ;
  388. oTextRange.execCommand("Paste") ;
  389. var sData = oDiv.innerHTML ;
  390. oDiv.innerHTML = "" ;
  391. return sData ;
  392. }
  393. // 清除WORD冗余格式并粘贴
  394. function cleanAndPaste( html ) {
  395. // Remove all SPAN tags
  396. html = html.replace(/</?SPAN[^>]*>/gi, "" );
  397. // Remove Class attributes
  398. html = html.replace(/<(w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ;
  399. // Remove Style attributes
  400. html = html.replace(/<(w[^>]*) style="([^"]*)"([^>]*)/gi, "<$1$3") ;
  401. // Remove Lang attributes
  402. html = html.replace(/<(w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ;
  403. // Remove XML elements and declarations
  404. html = html.replace(/<\??xml[^>]*>/gi, "") ;
  405. // Remove Tags with XML namespace declarations: <o:p></o:p>
  406. html = html.replace(/</?w+:[^>]*>/gi, "") ;
  407. // Replace the &nbsp;
  408. html = html.replace(/&nbsp;/, " " );
  409. // Transform <P> to <DIV>
  410. var re = new RegExp("(<P)([^>]*>.*?)(</P>)","gi") ; // Different because of a IE 5.0 error
  411. html = html.replace( re, "<div$2</div>" ) ;
  412. insertHTML( html ) ;
  413. }
  414. // 在当前文档位置插入.
  415. function insertHTML(html) {
  416. if (isModeView()) return false;
  417. if (eWebEditor.document.selection.type.toLowerCase() != "none"){
  418. eWebEditor.document.selection.clear() ;
  419. }
  420. if (sCurrMode!="EDIT"){
  421. html=HTMLEncode(html);
  422. }
  423. eWebEditor.document.selection.createRange().pasteHTML(html) ; 
  424. }
  425. // 设置编辑器的内容
  426. function setHTML(html) {
  427. ContentEdit.value = html;
  428. switch (sCurrMode){
  429. case "CODE":
  430. eWebEditor.document.designMode="On";
  431. eWebEditor.document.open();
  432. eWebEditor.document.write(config.StyleEditorHeader);
  433. eWebEditor.document.body.innerText=html;
  434. eWebEditor.document.body.contentEditable="true";
  435. eWebEditor.document.close();
  436. bEditMode=false;
  437. break;
  438. case "EDIT":
  439. eWebEditor.document.designMode="On";
  440. eWebEditor.document.open();
  441. eWebEditor.document.write(config.StyleEditorHeader+html);
  442. eWebEditor.document.body.contentEditable="true";
  443. eWebEditor.document.execCommand("2D-Position",true,true);
  444. eWebEditor.document.execCommand("MultipleSelection", true, true);
  445. eWebEditor.document.execCommand("LiveResize", true, true);
  446. eWebEditor.document.close();
  447. doZoom(nCurrZoomSize);
  448. bEditMode=true;
  449. eWebEditor.document.onselectionchange = function () { doToolbar();}
  450. break;
  451. case "TEXT":
  452. eWebEditor.document.designMode="On";
  453. eWebEditor.document.open();
  454. eWebEditor.document.write(config.StyleEditorHeader);
  455. eWebEditor.document.body.innerText=html;
  456. eWebEditor.document.body.contentEditable="true";
  457. eWebEditor.document.close();
  458. bEditMode=false;
  459. break;
  460. case "VIEW":
  461. eWebEditor.document.designMode="off";
  462. eWebEditor.document.open();
  463. eWebEditor.document.write(config.StyleEditorHeader+html);
  464. eWebEditor.document.body.contentEditable="false";
  465. eWebEditor.document.close();
  466. bEditMode=false;
  467. break;
  468. }
  469. eWebEditor.document.body.onpaste = onPaste ;
  470. eWebEditor.document.body.onhelp = onHelp ;
  471. eWebEditor.document.onkeydown = new Function("return onKeyDown(eWebEditor.event);");
  472. eWebEditor.document.oncontextmenu=new Function("return showContextMenu(eWebEditor.event);");
  473. if ((borderShown != "0")&&bEditMode) {
  474. borderShown = "0";
  475. showBorders();
  476. }
  477. initHistory();
  478. }
  479. // 取编辑器的内容
  480. function getHTML() {
  481. var html;
  482. if((sCurrMode=="EDIT")||(sCurrMode=="VIEW")){
  483. html = eWebEditor.document.body.innerHTML;
  484. }else{
  485. html = eWebEditor.document.body.innerText;
  486. }
  487. if (sCurrMode!="TEXT"){
  488. if ((html.toLowerCase()=="<p>&nbsp;</p>")||(html.toLowerCase()=="<p></p>")){
  489. html = "";
  490. }
  491. }
  492. return html;
  493. }
  494. // 在尾部追加内容
  495. function appendHTML(html) {
  496. if (isModeView()) return false;
  497. if(sCurrMode=="EDIT"){
  498. eWebEditor.document.body.innerHTML += html;
  499. }else{
  500. eWebEditor.document.body.innerText += html;
  501. }
  502. }
  503. // 从Word中粘贴,去除格式
  504. function PasteWord(){
  505. if (!validateMode()) return;
  506. eWebEditor.focus();
  507. if (BrowserInfo.IsIE55OrMore)
  508. cleanAndPaste( GetClipboardHTML() ) ;
  509. else if ( confirm( "此功能要求IE5.5版本以上,你当前的浏览器不支持,是否按常规粘贴进行?" ) )
  510. format("paste") ;
  511. eWebEditor.focus();
  512. }
  513. // 粘贴纯文本
  514. function PasteText(){
  515. if (!validateMode()) return;
  516. eWebEditor.focus();
  517. var sText = HTMLEncode( clipboardData.getData("Text") ) ;
  518. insertHTML(sText);
  519. eWebEditor.focus();
  520. }
  521. // 检测当前是否允许编辑
  522. function validateMode() {
  523. if (sCurrMode=="EDIT") return true;
  524. alert("需转换为编辑状态后才能使用编辑功能!");
  525. eWebEditor.focus();
  526. return false;
  527. }
  528. // 检测当前是否在预览模式
  529. function isModeView(){
  530. if (sCurrMode=="VIEW"){
  531. alert("预览时不允许设置编辑区内容。");
  532. return true;
  533. }
  534. return false;
  535. }
  536. // 格式化编辑器中的内容
  537. function format(what,opt) {
  538. if (!validateMode()) return;
  539. eWebEditor.focus();
  540. if (opt=="RemoveFormat") {
  541. what=opt;
  542. opt=null;
  543. }
  544. if (opt==null) eWebEditor.document.execCommand(what);
  545. else eWebEditor.document.execCommand(what,"",opt);
  546. eWebEditor.focus();
  547. }
  548. // 确保焦点在 eWebEditor 内
  549. function VerifyFocus() {
  550. if ( eWebEditor )
  551. eWebEditor.focus();
  552. }
  553. // 改变模式:代码、编辑、文本、预览
  554. function setMode(NewMode){
  555. if (NewMode!=sCurrMode){
  556. if (!BrowserInfo.IsIE55OrMore){
  557. if ((NewMode=="CODE") || (NewMode=="EDIT") || (NewMode=="VIEW")){
  558. alert("HTML编辑模式需要IE5.5版本以上的支持!");
  559. return false;
  560. }
  561. }
  562. if (NewMode=="TEXT"){
  563. if (sCurrMode==ModeEdit.value){
  564. if (!confirm("警告!切换到纯文本模式会丢失您所有的HTML格式,您确认切换吗?")){
  565. return false;
  566. }
  567. }
  568. }
  569. var sBody = "";
  570. switch(sCurrMode){
  571. case "CODE":
  572. if (NewMode=="TEXT"){
  573. eWebEditor_Temp_HTML.innerHTML = eWebEditor.document.body.innerText;
  574. sBody = eWebEditor_Temp_HTML.innerText;
  575. }else{
  576. sBody = eWebEditor.document.body.innerText;
  577. }
  578. break;
  579. case "TEXT":
  580. sBody = eWebEditor.document.body.innerText;
  581. sBody = HTMLEncode(sBody);
  582. break;
  583. case "EDIT":
  584. case "VIEW":
  585. if (NewMode=="TEXT"){
  586. sBody = eWebEditor.document.body.innerText;
  587. }else{
  588. sBody = eWebEditor.document.body.innerHTML;
  589. }
  590. break;
  591. default:
  592. sBody = ContentEdit.value;
  593. break;
  594. }
  595. // 换图片
  596. try{
  597. document.all["eWebEditor_CODE"].className = "StatusBarBtnOff";
  598. document.all["eWebEditor_EDIT"].className = "StatusBarBtnOff";
  599. document.all["eWebEditor_TEXT"].className = "StatusBarBtnOff";
  600. document.all["eWebEditor_VIEW"].className = "StatusBarBtnOff";
  601. document.all["eWebEditor_"+NewMode].className = "StatusBarBtnOn";
  602. }
  603. catch(e){
  604. }
  605. sCurrMode = NewMode;
  606. ModeEdit.value = NewMode;
  607. setHTML(sBody);
  608. disableChildren(eWebEditor_Toolbar);
  609. }
  610. }
  611. // 使工具栏无效
  612. function disableChildren(obj){
  613. if (obj){
  614. obj.disabled=(!bEditMode);
  615. for (var i=0; i<obj.children.length; i++){
  616. disableChildren(obj.children[i]);
  617. }
  618. }
  619. }
  620. // 显示无模式对话框
  621. function ShowDialog(url, width, height, optValidate) {
  622. if (optValidate) {
  623. if (!validateMode()) return;
  624. }
  625. eWebEditor.focus();
  626. var arr = showModalDialog(url, window, "dialogWidth:" + width + "px;dialogHeight:" + height + "px;help:no;scroll:no;status:no");
  627. eWebEditor.focus();
  628. }
  629. // 全屏编辑
  630. function Maximize() {
  631. if (!validateMode()) return;
  632. window.open("dialog/fullscreen.htm?style="+config.StyleName, 'FullScreen'+sLinkFieldName, 'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,fullscreen=yes');
  633. }
  634. // 创建或修改超级链接
  635. function createLink(){
  636. if (!validateMode()) return;
  637. if (eWebEditor.document.selection.type == "Control") {
  638. var oControlRange = eWebEditor.document.selection.createRange();
  639. if (oControlRange(0).tagName.toUpperCase() != "IMG") {
  640. alert("链接只能是图片或文本");
  641. return;
  642. }
  643. }
  644. ShowDialog("dialog/hyperlink.htm", 350, 170, true);
  645. }
  646. // 创建或修改锚点
  647. function createAnchor(){
  648. if (!validateMode()) return;
  649. if (eWebEditor.document.selection.type == "Control") {
  650. var oControlRange = eWebEditor.document.selection.createRange();
  651. if (oControlRange(0).tagName.toUpperCase() != "IMG") {
  652. alert("锚点只能是图片或文本");
  653. return;
  654. }
  655. }
  656. ShowDialog("dialog/hyperlink.htm", 350, 170, true);
  657. }
  658. // 替换特殊字符
  659. function HTMLEncode(text){
  660. text = text.replace(/&/g, "&amp;") ;
  661. text = text.replace(/"/g, "&quot;") ;
  662. text = text.replace(/</g, "&lt;") ;
  663. text = text.replace(/>/g, "&gt;") ;
  664. text = text.replace(/'/g, "&#146;") ;
  665. text = text.replace(/ /g,"&nbsp;");
  666. text = text.replace(/n/g,"<br>");
  667. text = text.replace(/t/g,"&nbsp;&nbsp;&nbsp;&nbsp;");
  668. return text;
  669. }
  670. // 插入特殊对象
  671. function insert(what) {
  672. if (!validateMode()) return;
  673. eWebEditor.focus();
  674. var sel = eWebEditor.document.selection.createRange();
  675. switch(what){
  676. case "excel": // 插入EXCEL表格
  677. insertHTML("<object classid='clsid:0002E510-0000-0000-C000-000000000046' id='Spreadsheet1' codebase='file:\Bobsoftwareoffice2000msowc.cab' width='100%' height='250'><param name='HTMLURL' value><param name='HTMLData' value='&lt;html xmlns:x=&quot;urn:schemas-microsoft-com:office:excel&quot;xmlns=&quot;http://www.w3.org/TR/REC-html40&quot;&gt;&lt;head&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;!--tr{mso-height-source:auto;}td{black-space:nowrap;}.wc4590F88{black-space:nowrap;font-family:宋体;mso-number-format:General;font-size:auto;font-weight:auto;font-style:auto;text-decoration:auto;mso-background-source:auto;mso-pattern:auto;mso-color-source:auto;text-align:general;vertical-align:bottom;border-top:none;border-left:none;border-right:none;border-bottom:none;mso-protection:locked;}--&gt;&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;&lt;x:ExcelWorkbook&gt;&lt;x:ExcelWorksheets&gt;&lt;x:ExcelWorksheet&gt;&lt;x:OWCVersion&gt;9.0.0.2710&lt;/x:OWCVersion&gt;&lt;x:Label Style='border-top:solid .5pt silver;border-left:solid .5pt silver;border-right:solid .5pt silver;border-bottom:solid .5pt silver'&gt;&lt;x:Caption&gt;Microsoft Office Spreadsheet&lt;/x:Caption&gt; &lt;/x:Label&gt;&lt;x:Name&gt;Sheet1&lt;/x:Name&gt;&lt;x:WorksheetOptions&gt;&lt;x:Selected/&gt;&lt;x:Height&gt;7620&lt;/x:Height&gt;&lt;x:Width&gt;15240&lt;/x:Width&gt;&lt;x:TopRowVisible&gt;0&lt;/x:TopRowVisible&gt;&lt;x:LeftColumnVisible&gt;0&lt;/x:LeftColumnVisible&gt; &lt;x:ProtectContents&gt;False&lt;/x:ProtectContents&gt; &lt;x:DefaultRowHeight&gt;210&lt;/x:DefaultRowHeight&gt; &lt;x:StandardWidth&gt;2389&lt;/x:StandardWidth&gt; &lt;/x:WorksheetOptions&gt; &lt;/x:ExcelWorksheet&gt;&lt;/x:ExcelWorksheets&gt; &lt;x:MaxHeight&gt;80%&lt;/x:MaxHeight&gt;&lt;x:MaxWidth&gt;80%&lt;/x:MaxWidth&gt;&lt;/x:ExcelWorkbook&gt;&lt;/xml&gt;&lt;![endif]--&gt;&lt;table class=wc4590F88 x:str&gt;&lt;col width=&quot;56&quot;&gt;&lt;tr height=&quot;14&quot;&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/body&gt;&lt;/html&gt;'> <param name='DataType' value='HTMLDATA'> <param name='AutoFit' value='0'><param name='DisplayColHeaders' value='-1'><param name='DisplayGridlines' value='-1'><param name='DisplayHorizontalScrollBar' value='-1'><param name='DisplayRowHeaders' value='-1'><param name='DisplayTitleBar' value='-1'><param name='DisplayToolbar' value='-1'><param name='DisplayVerticalScrollBar' value='-1'> <param name='EnableAutoCalculate' value='-1'> <param name='EnableEvents' value='-1'><param name='MoveAfterReturn' value='-1'><param name='MoveAfterReturnDirection' value='0'><param name='RightToLeft' value='0'><param name='ViewableRange' value='1:65536'></object>");
  678. break;
  679. case "nowdate": // 插入当前系统日期
  680. var d = new Date();
  681. insertHTML(d.toLocaleDateString());
  682. break;
  683. case "nowtime": // 插入当前系统时间
  684. var d = new Date();
  685. insertHTML(d.toLocaleTimeString());
  686. break;
  687. case "br": // 插入换行符
  688. insertHTML("<br>")
  689. break;
  690. case "code": // 代码片段样式
  691. insertHTML('<table width=95% border="0" align="Center" cellpadding="6" cellspacing="0" style="border: 1px Dotted #CCCCCC; TABLE-LAYOUT: fixed"><tr><td bgcolor=#FDFDDF style="WORD-WRAP: break-word"><font style="color: #990000;font-weight:bold">以下是代码片段:</font><br>'+HTMLEncode(sel.text)+'</td></tr></table>');
  692. break;
  693. case "quote": // 引用片段样式
  694. insertHTML('<table width=95% border="0" align="Center" cellpadding="6" cellspacing="0" style="border: 1px Dotted #CCCCCC; TABLE-LAYOUT: fixed"><tr><td bgcolor=#F3F3F3 style="WORD-WRAP: break-word"><font style="color: #990000;font-weight:bold">以下是引用片段:</font><br>'+HTMLEncode(sel.text)+'</td></tr></table>');
  695. break;
  696. case "big": // 字体变大
  697. insertHTML("<big>" + sel.text + "</big>");
  698. break;
  699. case "small": // 字体变小
  700. insertHTML("<small>" + sel.text + "</small>");
  701. break;
  702. default:
  703. alert("错误参数调用!");
  704. break;
  705. }
  706. sel=null;
  707. }
  708. // 显示或隐藏指导方针
  709. var borderShown = config.ShowBorder;
  710. function showBorders() {
  711. if (!validateMode()) return;
  712. var allForms = eWebEditor.document.body.getElementsByTagName("FORM");
  713. var allInputs = eWebEditor.document.body.getElementsByTagName("INPUT");
  714. var allTables = eWebEditor.document.body.getElementsByTagName("TABLE");
  715. var allLinks = eWebEditor.document.body.getElementsByTagName("A");
  716. // 表单
  717. for (a=0; a < allForms.length; a++) {
  718. if (borderShown == "0") {
  719. allForms[a].runtimeStyle.border = "1px dotted #FF0000"
  720. } else {
  721. allForms[a].runtimeStyle.cssText = ""
  722. }
  723. }
  724. // Input Hidden类
  725. for (b=0; b < allInputs.length; b++) {
  726. if (borderShown == "0") {
  727. if (allInputs[b].type.toUpperCase() == "HIDDEN") {
  728. allInputs[b].runtimeStyle.border = "1px dashed #000000"
  729. allInputs[b].runtimeStyle.width = "15px"
  730. allInputs[b].runtimeStyle.height = "15px"
  731. allInputs[b].runtimeStyle.backgroundColor = "#FDADAD"
  732. allInputs[b].runtimeStyle.color = "#FDADAD"
  733. }
  734. } else {
  735. if (allInputs[b].type.toUpperCase() == "HIDDEN")
  736. allInputs[b].runtimeStyle.cssText = ""
  737. }
  738. }
  739. // 表格
  740. for (i=0; i < allTables.length; i++) {
  741. if (borderShown == "0") {
  742. allTables[i].runtimeStyle.border = "1px dotted #BFBFBF"
  743. } else {
  744. allTables[i].runtimeStyle.cssText = ""
  745. }
  746. allRows = allTables[i].rows
  747. for (y=0; y < allRows.length; y++) {
  748.   allCellsInRow = allRows[y].cells
  749. for (x=0; x < allCellsInRow.length; x++) {
  750. if (borderShown == "0") {
  751. allCellsInRow[x].runtimeStyle.border = "1px dotted #BFBFBF"
  752. } else {
  753. allCellsInRow[x].runtimeStyle.cssText = ""
  754. }
  755. }
  756. }
  757. }
  758. // 链接 A
  759. for (a=0; a < allLinks.length; a++) {
  760. if (borderShown == "0") {
  761. if (allLinks[a].href.toUpperCase() == "") {
  762. allLinks[a].runtimeStyle.borderBottom = "1px dashed #000000"
  763. }
  764. } else {
  765. allLinks[a].runtimeStyle.cssText = ""
  766. }
  767. }
  768. if (borderShown == "0") {
  769. borderShown = "1"
  770. } else {
  771. borderShown = "0"
  772. }
  773. scrollUp()
  774. }
  775. // 返回页面最上部
  776. function scrollUp() {
  777. eWebEditor.scrollBy(0,0);
  778. }
  779. // 缩放操作
  780. var nCurrZoomSize = 100;
  781. var aZoomSize = new Array(10, 25, 50, 75, 100, 150, 200, 500);
  782. function doZoom(size) {
  783. eWebEditor.document.body.runtimeStyle.zoom = size + "%";
  784. nCurrZoomSize = size;
  785. }
  786. // 拼写检查
  787. function spellCheck(){
  788. ShowDialog('dialog/spellcheck.htm', 300, 220, true)
  789. }
  790. // 查找替换
  791. function findReplace(){
  792. ShowDialog('dialog/findreplace.htm', 320, 165, true)
  793. }
  794. // 相对(absolute)或绝对位置(static)
  795. function absolutePosition(){
  796. var objReference = null;
  797. var RangeType = eWebEditor.document.selection.type;
  798. if (RangeType != "Control") return;
  799. var selectedRange = eWebEditor.document.selection.createRange();
  800. for (var i=0; i<selectedRange.length; i++){
  801. objReference = selectedRange.item(i);
  802. if (objReference.style.position != 'absolute') {
  803. objReference.style.position='absolute';
  804. }else{
  805. objReference.style.position='static';
  806. }
  807. }
  808. eWebEditor.content = false;
  809. eWebEditor.setActive();
  810. }
  811. // 上移(forward)或下移(backward)一层
  812. function zIndex(action){
  813. var objReference = null;
  814. var RangeType = eWebEditor.document.selection.type;
  815. if (RangeType != "Control") return;
  816. var selectedRange = eWebEditor.document.selection.createRange();
  817. for (var i=0; i<selectedRange.length; i++){
  818. objReference = selectedRange.item(i);
  819. if (action=='forward'){
  820. objReference.style.zIndex  +=1;
  821. }else{
  822. objReference.style.zIndex  -=1;
  823. }
  824. objReference.style.position='absolute';
  825. }
  826. eWebEditor.content = false;
  827. eWebEditor.setActive();
  828. }
  829. // 是否选中指定类型的控件
  830. function isControlSelected(tag){
  831. if (eWebEditor.document.selection.type == "Control") {
  832. var oControlRange = eWebEditor.document.selection.createRange();
  833. if (oControlRange(0).tagName.toUpperCase() == tag) {
  834. return true;
  835. }
  836. }
  837. return false;
  838. }
  839. // 改变编辑区高度
  840. function sizeChange(size){
  841. if (!BrowserInfo.IsIE55OrMore){
  842. alert("此功能需要IE5.5版本以上的支持!");
  843. return false;
  844. }
  845. for (var i=0; i<parent.frames.length; i++){
  846. if (parent.frames[i].document==self.document){
  847. var obj=parent.frames[i].frameElement;
  848. var height = parseInt(obj.offsetHeight);
  849. if (height+size>=300){
  850. obj.height=height+size;
  851. }
  852. break;
  853. }
  854. }
  855. }
  856. // 热点链接
  857. function mapEdit(){
  858. if (!validateMode()) return;
  859. var b = false;
  860. if (eWebEditor.document.selection.type == "Control") {
  861. var oControlRange = eWebEditor.document.selection.createRange();
  862. if (oControlRange(0).tagName.toUpperCase() == "IMG") {
  863. b = true;
  864. }
  865. }
  866. if (!b){
  867. alert("热点链接只能作用于图片");
  868. return;
  869. }
  870. window.open("dialog/map.htm", 'mapEdit'+sLinkFieldName, 'toolbar=no,location=no,directories=no,status=not,menubar=no,scrollbars=no,resizable=yes,width=450,height=300');
  871. }
  872. // 上传文件成功返回原文件名、保存后的文件名、保存后的路径文件名,提供接口
  873. function addUploadFile(originalFileName, saveFileName, savePathFileName){
  874. doInterfaceUpload(sLinkOriginalFileName, originalFileName);
  875. doInterfaceUpload(sLinkSaveFileName, saveFileName);
  876. doInterfaceUpload(sLinkSavePathFileName, savePathFileName);
  877. }
  878. // 文件上传成功接口操作
  879. function doInterfaceUpload(strLinkName, strValue){
  880. if (strValue=="") return;
  881. if (strLinkName){
  882. var objLinkUpload = parent.document.getElementsByName(strLinkName)[0];
  883. if (objLinkUpload){
  884. if (objLinkUpload.value!=""){
  885. objLinkUpload.value = objLinkUpload.value + "|";
  886. }
  887. objLinkUpload.value = objLinkUpload.value + strValue;
  888. objLinkUpload.fireEvent("onchange");
  889. }
  890. }
  891. }
  892. // 大文件内容自动拆分
  893. function splitTextField(objField, html) { 
  894. var strFieldName = objField.name;
  895. var objForm = objField.form;
  896. var objDocument = objField.document;
  897. objField.value = html;
  898. //表单限制值设定,限制值是102399,考虑到中文设为一半
  899. var FormLimit = 50000 ;
  900. // 再次处理时,先赋空值
  901. for (var i=1;i<objDocument.getElementsByName(strFieldName).length;i++) {
  902. objDocument.getElementsByName(strFieldName)[i].value = "";
  903. }
  904. //如果表单值超过限制,拆成多个对象
  905. if (html.length > FormLimit) { 
  906. objField.value = html.substr(0, FormLimit) ;
  907. html = html.substr(FormLimit) ;
  908. while (html.length > 0) { 
  909. var objTEXTAREA = objDocument.createElement("TEXTAREA") ;
  910. objTEXTAREA.name = strFieldName ;
  911. objTEXTAREA.style.display = "none" ;
  912. objTEXTAREA.value = html.substr(0, FormLimit) ;
  913. objForm.appendChild(objTEXTAREA) ;
  914. html = html.substr(FormLimit) ;
  915. // 远程上传
  916. function remoteUpload() { 
  917. if (sCurrMode=="TEXT") return;
  918. var objField = document.getElementsByName("eWebEditor_UploadText")[0];
  919. splitTextField(objField, getHTML());
  920. divProcessing.style.top = (document.body.clientHeight-parseFloat(divProcessing.style.height))/2;
  921. divProcessing.style.left = (document.body.clientWidth-parseFloat(divProcessing.style.width))/2;
  922. divProcessing.style.display = "";
  923. eWebEditor_UploadForm.submit();
  924. // 远程上传完成
  925. function remoteUploadOK() {
  926. divProcessing.style.display = "none";
  927. if (bDoneAutoRemote)
  928. {
  929. doSubmit();
  930. }
  931. }
  932. // 修正Undo/Redo
  933. var history = new Object;
  934. history.data = [];
  935. history.position = 0;
  936. history.bookmark = [];
  937. // 保存历史
  938. function saveHistory() {
  939. if (bEditMode){
  940. if (history.data[history.position] != eWebEditor.document.body.innerHTML){
  941. var nBeginLen = history.data.length;
  942. var nPopLen = history.data.length - history.position;
  943. for (var i=1; i<nPopLen; i++){
  944. history.data.pop();
  945. history.bookmark.pop();
  946. }
  947. history.data[history.data.length] = eWebEditor.document.body.innerHTML;
  948. if (eWebEditor.document.selection.type != "Control"){
  949. history.bookmark[history.bookmark.length] = eWebEditor.document.selection.createRange().getBookmark();
  950. } else {
  951. var oControl = eWebEditor.document.selection.createRange();
  952. history.bookmark[history.bookmark.length] = oControl(0);
  953. }
  954. if (nBeginLen!=0){
  955. history.position++;
  956. }
  957. }
  958. }
  959. }
  960. // 初始历史
  961. function initHistory() {
  962. history.data.length = 0;
  963. history.bookmark.length = 0;
  964. history.position = 0;
  965. }
  966. // 返回历史
  967. function goHistory(value) {
  968. saveHistory();
  969. // undo
  970. if (value == -1){
  971. if (history.position > 0){
  972. eWebEditor.document.body.innerHTML = history.data[--history.position];
  973. setHistoryCursor();
  974. }
  975. // redo
  976. } else {
  977. if (history.position < history.data.length -1){
  978. eWebEditor.document.body.innerHTML = history.data[++history.position];
  979. setHistoryCursor();
  980. }
  981. }
  982. }
  983. // 设置当前书签
  984. function setHistoryCursor() {
  985. if (history.bookmark[history.position]){
  986. r = eWebEditor.document.body.createTextRange()
  987. if (history.bookmark[history.position] != "[object]"){
  988. if (r.moveToBookmark(history.bookmark[history.position])){
  989. r.collapse(false);
  990. r.select();
  991. }
  992. }
  993. }
  994. }
  995. // End Undo / Redo Fix
  996. // 工具栏事件发生
  997. function doToolbar(){
  998. if (bEditMode){
  999. saveHistory();
  1000. }
  1001. }