双鱼文本编辑器 PiscesTextEditor V1.0
本产品雏型是网人HTML编辑器V1.0，风格是仿CuteEditor。
本产品是纯静态的，HTML+Javascript，代码绝对原创。
本产品的功能就不多做介绍了，用法和Word大同小异，不同的是加入了插入代码的功能，此效果也类似CuteEditor的插入代码功能。
本产品可用于商业开发(大家都是做程序的，能理解项目开发时的时间紧迫)，但禁止将本产品直接出售。
使用本产品时请保留版权信息，它并不影响你使用本产品，这也是对作者劳动的基本尊重。



演示地址：http://www.2fstory.net/upload/PiscesTextEditor.htm
下载地址：http://www.2fstory.net/upload/PiscesTextEditor.rar
原文链接：http://www.2fstory.net/blog/view.aspx?BlogID=47

我开发这个产品的初衷是为了做一个跨语言的文本编辑器，现在网上有不少文本编辑器，几乎都是用动态语言写的，换个语言就用不了了。
如果你是一个开发者，你可以在PiscesTextEditor的基础上加入你自已的动态代码，实现保存功能，就可以使用了。
如果你是个Fish(新手，最近看《越狱》学的)，我的代码应该能对你有所帮助。

通过做这个我也学到了不少东西，对Javascript和正则表达式的了解又深了一层。
如果哪位对正则表达式有研究的朋友可以加我QQ：6198052，注明“正则表达式”，大家一起探讨一下正则表达式书写的效率问题。
如果是问问题，请跟帖或发表新帖子，偶QQ里不回答任何问题，见谅。
如果发现本产品的Bug，请PM或回帖等任何方式告诉我，谢谢。
请不要提出增加上传等只有动态语言才能做的功能，我做的是静态的编辑器

新建了一个QQ群：25839284，欢迎大家来讨论！

持续更新中……

2007-6-30 上传 V1.1版本

[ 本帖最后由 linshushi 于 2007-8-3 09:22 编辑 ]

支持原创，顶一下。

先说下我这里测试的情况，撤销和反撤销，字体，字号等操作似乎没能实现

另外，笑脸图像采用绝对路径非相对路径，别人应用麻烦……

基本功能和EWebEditer类似涅

其他的还在看

大概看了一下，初步感觉和cnbruce类似，由于还没去看你的代码，不好给你打分，先给你置顶一段时间吧，让大家帮你检查错误

好像在FF下，有点不正常.....

To：cnbruce
准备上传时精简了一下代码，简出问题来了，现在可以了
图片绝对路径是浏览器的问题，我用的是相对路径，但它自已改成绝对路径了
我以前也想过一些办法，暂时没有更好的办法之前，只好在Save时替换绝对地址了

To：yaba
我这个在Opera下看过，有点变形，我只在IE下测试过，后面会陆续修改支持别的浏览器

挺不错样子啊。不过有不足，有BUG。
不足，调用不是很方便啊。代码全在调用页里了。
貌似有很多BUG啊。

上午看到这个帖子，感觉挺有意思
下午在msdn上查东西的时候，看到了这篇文章。

How to Create an HTML Editor Application

http://msdn.microsoft.com/worksh ... als/html_editor.asp

呵呵，对这种HTML编辑器感兴趣的可以看看这篇文章。看完之后，应该了然于胸了。

还有，不知道经典允许不允许经常帖入像这样的微软的或者sun或者高通之类的技术文章的地址。如果不允许的话，请警告，我以后会注意。

字体是写死的？不是读的系统的字体库的列表？

楼上的兄弟们，有BUG希望能说出来
TO SinNeR　以及楼上一些想功能很强的兄弟
我这个是静态语言写的，没有权限调硬盘上的东西，目的就是为了给大家提供一个跨语言的文本编辑器雏形，如果你想用于你的开发，只要把保存功能做出来就可以了，如果大家想要一个直接就可以用的东西可以去网上找控件，我不会把它做成一个定位成ASP.net或是其它某个语言专用的东西，这就违背了我的初衷

如果你想自已开发一个动态语言的文本编辑器，完全可以参照我的代码，将它们翻译成动态语言就可以了

插入代码,显示行号,重新编辑时加内容,下面就没有行号了

有个BUG,不能更改字体的,

提个小建议,
您的编辑器里有语法加亮显示功能,
可是方法似乎不可取,
加亮的关键字调用sytle应该会更好一些,尽量避免每个关键字都加上font color=颜色这样的代码,您认为呢

To kkun
如果把<style>标签加入body中，body会自动把其删除
如果加入head中，你保存时将不会把<style>保存进来
所以用<style>标签是不可行的，如果用<span style="">这样是可以的
因为我这是直接调javascript的一个方法，所以显示出来的标签我无法控制
我看过cuteeditor，他们也是这样做的，可能还没有更好的解决方法吧

代码做的不错 挺干净的

不过跨浏览器 就不行了 在OPREA和FIREFOX下都出现了不同程度的位移错位....

颜色设置有好多更经典的效果可选（当然你的是原装的）。字体（有个ActiveX可选）和字号大小的设定还可以改进。

我对字号设定曾有一点研究（或许可以真的做得像word一样），最近太忙了，过一阵儿来帮忙吧。

仅在editable的iframe上应用DHTML现成的编辑方法会有很多限制，一个可能的超脱的做法是设法定位选中的部分之后用正则或其它字符串操作修改整个outerHTML。

不能把word中的内容直接复制到编辑器中？

兄弟你听了大家的意见改好了吗?

不错, 竟然支持 Opera!!

楼上的兄弟：
我最近一直在改，功能上应该没有什么问题了，你还是可以访问去原地址去
兼容FireFox不容易啊，要改的地方还不少，努力修改中……

小龟，偶一直在找你，你是上MSN还是上QQ啊，有空聊聊，听说你正则表达式不错，向你讨教几个问题，收到消息，PM或加我QQ，谢谢

如果有去掉word格式的功能就好了。

加4分：原创，积极与大家交流，积极修改，代码有相当的技术含量，内容充实。
鼓励一下

zkxp在上个帖子中说

引用:

挺不错样子啊。不过有不足，有BUG。
不足，调用不是很方便啊。代码全在调用页里了。
貌似有很多BUG啊。

对,调用起来不是很方便,一大堆代码,如果能像eWebEditor那种方法的调用那就好...

正在看代码，比较喜欢你的编程风格，有两个疑问想向您请教一下：
1、第16行代码，TextEdit_Initialize(editor,htmlbox); 为什么要加这两个参数，我试着去掉似乎也没有什么影响

2、第34行，35行代码
htmlbox.onkeydown = function() { ChangeMode_onKeyDown(window,"preview"); };
htmlbox.onkeypress = function() { GetWordCount(); };

我对JavaScript不是太熟悉请问这样的写法语法是什么意思？

想问下，您的这个编辑器是不是不能加在表单之间？？？

我做了个上传程序，本来想用您的，但是一加就出错，把表单的标志去掉就没问题，
这个编辑器是不是不能用在表单里面的？

To lzyq:
1、我现在不方便看代码，所以不好回答，这可能是笔误，你可以自行改正
2、那个的意思是，当激发htmlbox的onkeydown事件时执行function中的代码

To xiaosunsun:
应该是可以加在表单中的，不然怎么提交：）
我自已也用的是这个编辑器，可以用，你检查一下你的代码

不支持Opera啊。

引用:

想问下，您的这个编辑器是不是不能加在表单之间？？？

我做了个上传程序，本来想用您的，但是一加就出错，把表单的标志去掉就没问题，
这个编辑器是不是不能用在表单里面的？

我也遇到这个问题，去掉form标签就可以用，嵌入form就不行了，能说一下解决的方法么？

最后用Iframe搞定了。over……

插入视频这类东西，不知道是我机子问题还是别的什么，打开这个新窗口的响应时间太长了，很慢！～