作者: liuwei1981  链接： http://liuwei1981.javaeye.com/blog/219534  发表时间: 2008年07月25日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

        在新的一个项目中，在用户的要求下使用了飞鱼富文本编辑器，用户提出编辑器默认字体太小，要调整字体大小和清除word格式字符串后的默认大小。

        和tiny_mce编辑器比起来，飞鱼编辑器在这方面的可配置方式提供的支持太少，而且关于这方面的资料几乎没有，好在飞鱼编辑器虽然可配置东西不到，但还算比较简单，直接看源码和文件，找到了修改的地方：

        在css/CoolBlue/EditorArea.css文件里，代码很简单，修改一下，加入字体设置代码就可以了：

        

body,a,table,div,span,td,th,input,select{font-size:9pt;font-family:"宋体,Verdana,Arial";Color:#000000;}
body {background-color:#FFFFFF;SCROLLBAR-BASE-COLOR:#9EBEF5,font-size:13pt}

   font-size:13pt 就是加入的设置。

   

   至于在清除word格式后，设置清除样式后的内容默认字体大小，就有点麻烦了，找了半天，没有样式的设置，直接进入js文件查找，用一个比较笨拙的办法实现了：

   include/editor.js文件里。有这样的代码：

   

  1. // 粘贴时自动检测是否来源于Word格式
function onPaste() {
	if (config.AutoDetectPasteFromWord && BrowserInfo.IsIE55OrMore) {
		var sHTML = GetClipboardHTML() ;
		var re = /<\w[^>]* class="?MsoNormal"?/gi ;
		if ( re.test( sHTML ) )
		{
			if ( confirm( "你要粘贴的内容好象是从Word中拷出来的，是否要先清除Word格式再粘贴？" ) )
			{
				cleanAndPaste( sHTML ) ;
				return false ;
			}
		}
	}
	else
		return true ;
}

function cleanAndPaste( html ) {
	// Remove all SPAN tags
	html = html.replace(/<\/?SPAN[^>]*>/gi, "" );
	// Remove Class attributes
	html = html.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ;
	// Remove Style attributes
	html = html.replace(/<(\w[^>]*) style="([^"]*)"([^>]*)/gi, "<$1$3") ;
	// Remove Lang attributes
	html = html.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ;
	// Remove XML elements and declarations
	html = html.replace(/<\\?\?xml[^>]*>/gi, "") ;
	// Remove Tags with XML namespace declarations: <o:p></o:p>
	html = html.replace(/<\/?\w+:[^>]*>/gi, "") ;
	// Replace the  
	html = html.replace(/ /, " " );
	// Transform <P> to <DIV>
	var re = new RegExp("(<P)([^>]*>.*?)(<\/P>)","gi") ;	// Different because of a IE 5.0 error
	//html = html.replace( re, "<div$2</div>" ) ;   
  2.      html = html.replace( re, "<div style=\"font-size=14px\"$2</div>" ) ;
  3. 
	insertHTML( html ) ;
}

// 在当前文档位置插入.
function insertHTML(html) {
	if (!validateMode()) return;
	if (eWebEditor.document.selection.type.toLowerCase() != "none")
		eWebEditor.document.selection.clear() ;
	eWebEditor.document.selection.createRange().pasteHTML(html) ; 
}

 

   这就是修改的代码。

 

   修改的部分：

  

//html = html.replace( re, "<div$2</div>" ) ;                 
  html = html.replace( re, "<div style=\"font-size=14px\"$2</div>" ) ;

 

    注释掉的就是原来的代码， 下一行就是增加的代码，这里就是在div中增加了样式修饰，没办法，没有配置文件，就只有直接修改源代码了。


本文的讨论也很精彩，浏览讨论>>


JavaEye推荐
  • 搜狐网站诚聘Java、PHP和C++工程师
  • 北京: 千橡集团暨校内网诚聘软件研发工程师




文章来源: http://liuwei1981.javaeye.com/blog/219534