极湖

写了几个函数，结果没用上。
感觉这些代码还是有些用处，所以贴在这儿，以备查用。

var headerHelper = {
    //*******************************************************
    // 动态加载js文件
    //*******************************************************
    loadJsFile: function(sUrl, doc) {
        doc = doc || document;
        var fileref = doc.createElement('script');
        fileref.setAttribute("type","text/javascript");
        fileref.setAttribute("src", sUrl);
        doc.getElementsByTagName("head")[0].appendChild(fileref);
    },
    //*******************************************************
    // 将header中的js文件删除
    //*******************************************************
    removeJsFile: function(sUrl, doc) {
        doc = doc || document;
        var scriptTags = doc.getElementsByTagName('script')
        for (var i=scriptTags.length; i>=0; i--){
            if (scriptTags[i] && scriptTags[i].getAttribute('src') != null
                && scriptTags[i].getAttribute(targetattr).indexOf(sUrl)!=-1) {
                scriptTags[i].parentNode.removeChild(scriptTags[i])
            }
        }
    },
    //*******************************************************
    // 动态加载css文件
    //*******************************************************
    loadCssFile: function(sUrl, doc) {
        doc = doc || document;
        var fileref = doc.createElement("link");
        fileref.setAttribute("rel", "stylesheet");
        fileref.setAttribute("type", "text/css");
        fileref.setAttribute("href", sUrl);
        doc.getElementsByTagName("head")[0].appendChild(fileref);
    },
    //*******************************************************
    // 将header中的css文件删除
    //*******************************************************
    removeCssFile: function(sUrl, doc) {
        doc = doc || document;
        var linkTags = doc.getElementsByTagName('link')
        for (var i=linkTags.length; i>=0; i--){
            if (linkTags[i] && linkTags[i].getAttribute('href') != null
                && linkTags[i].getAttribute(targetattr).indexOf(sUrl)!=-1) {
                linkTags[i].parentNode.removeChild(linkTags[i])
            }
        }
    }
}

目的很简单，把 HTML 代码的 TAG 全部去掉，仅保留换行样式（比如 <br> 需转化为 \n）, 原先的 <td> 或 <th> 之间加空格。

以下分别用 PHP 和 JavaScript 实现。
PHP:

function htmlToText( $html ){
 	$html = preg_replace( '/\r?\n/' , '' , $html );
 	$html = preg_replace('/<(\/?)(br|hr|div|p|object|marquee|table|tr|ul|ol|li|dd|dl|h[1-9])(\b)/i', $this->LFC.'<${1}${2}${3}', $html);
 	$html = preg_replace('/<\/(td|th)(\b)/i', ' </${1}${2}', $html);
 	return trim(strip_tags($html));
}

JavaScript:

function htmlToText(sHtml) {
 	sHtml = sHtml.replace(/\r?\n/g, '').replace(/<\/?(br|div|p|object|marquee|table|tr|ul|ol|li|dd|dl|h[1-9])\b/gi, function($0, tag){
 		return '\n' + $0;
 	}).replace(/<\/(td|th)\b/gi, function($0, tag){
 		return  ' ' + $0;
 	});
 	var element = document.createElement('div');  
 	element.innerHTML = sHtml;  
 	return element.textContent || element.innerText;
}

如果有一段 Javascript 代码：

div(
  h1("Some title"),
  p("Some exciting paragraph text"),
  br(),
  ul(
    li("First item"),
    li("Second item"),
    li("Third item")
  )
);

能生成这样的 HTML 代码：

<div>
  <h1>Some title</h1>
  <p>Some exciting paragraph text</p>
  <br />
  <ul>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
  </ul>
</div>

您觉得怎么样？比起用字符串连接的方式直接写 html 简洁一些吧？ 恩，有人写了一个叫 Jaml 的库，就是干这个事情的，有兴趣不妨一试，说不定以后能派上用场。 这儿是 Jaml 的作者介绍这个库的博文。

1. FCKeditor
老品牌，名气很大，功能很多，个头也很大，个人不是很喜欢。

2. TinyMCE
和 FCKeditor 齐名，名为＂Tiny＂，实际上个头并不小，而且有向＂Huge＂发展的趋势。

3. Xinha
据其主页上的介绍，功能似乎很强大，其插件系统看起来不错。因为没用过，暂不置评。

4. widgEditor
个头很小，下载文件只有32k，我看了一下它的代码，感觉还不错，尽管功能稍欠，熟悉JavaScript的人应该可以自己将其扩充。

5. WMD
简单实用的在线编辑器。可惜不提供源代码下载。在自己的网页里面使用它需要注册。

6. WYMeditor
该编辑器做成 jQuery 的插件，这是其亮点，看了一下他的代码，感觉有些零乱，目录结构也不是很好。因个人很喜欢 jQuery，所以期待它做得更好。

7. Wikiwyg
这是 SocialText 采用的在线编辑器，双击网页的某一部分（div）就能使其进入编辑状态，这一点很方便。目前发现的问题是不支持 Opera。

8. WYSIWYG HTML control
一位英国人写的代码，个头很小，js文件才15k，看了一下其代码，比较清晰易懂，应该容易扩展，值得推荐。

9. crosseditor
一位日本人在 Prototype 库的基础上写的代码，非正式产品，其Sample代码可用来研究学习。

目前找到的就这些，网上还有很多类似的编辑器代码，青菜萝卜，各有所爱，自己挑喜欢的用吧。

这儿有一篇文章，教你怎样做 WYSIWYG HTML 编辑器，如果想自己做编辑器，读一读这篇文章肯定有好处。

1. TinyMCE：
http://tinymce.moxiecode.com/index.php

2. FCKeditor
http://www.fckeditor.net/

不好说谁比谁好，看自己的喜好选用。

这儿有更多的“在线编辑器”介绍：
http://www.cnbruce.com/blog/showlog.asp?log_id=1021