Posts tagged Web开发

放弃WYMEditior,改用TinyMCE

九17
2007 Leave a Comment Written by Filia.Tao

最后还是决定放弃WYMEditor , 使用TinyMCE. 可惜了很多花在放在改造WYMEditor上的时间.
放弃的原因,简单来说它还不够成熟, 一些特性不是我需要的. 具体来说:

  • 浏览器支持问题. jquery 支持opera ,但是它不完全支持.
  • 发现我要的还是WYSIWYG , 不是 WYMIWYG. 它的一些特性用不到.
  • TinyMCE 更成熟, 文档详细. 而且也能产生高质量的代码. 除了大了一点, 不是用jquery 写的 (应该也不会有冲突)外, 完全符合我的需要.

开始转换成TinyMCE.

Tagged

WYSIWYG 编辑器的原理

八25
2007 1 Comment Written by Filia.Tao

以前写过这篇文章, 几个WYSIWYG编辑. 一致很好奇, 这样的可视化编辑器是如何实现? 功能那么多. 做了一点研究,发现事情并非如有原来所想. WYSIWYG编辑功能其实不是由这些编辑器来实现的,而是由浏览器自己实现, 这些编辑器只是进行了一些封装. (屏蔽不同浏览器的不同实现, 提供工具栏等等.)

  • 打开浏览器的编辑模式, 只要将要编辑的文档设置为 document.designMode = “On” .
    访问这里 ,添加启用designMode的书签, 访问页面是点击书签就可以编辑页面了.
  • 大部分WYSIWYG 编辑器的功能, 比如自动加入回车自动加入<p>.列表下回车, 新增项目等都是浏览器实现的. 这就解释了为什么几乎所有的编辑器都是同样的行为.
  • IE可以实现仅对某一个元素进行编辑.
  • IE在designMode 下所有元素都可见 , 也就是 display:none不会有效果. (这个昨天折腾了我一个晚上, 测试页面(当然请用IE打开测试))
  • IE 中指定了高度(宽度?)的元素会出现边框, 可以调整大小.

我现在在研究WYMeditor (What You See is What You Mean ), 这个编辑器可以产生质量比较好的代码, 不会插入font 那种垃圾代码, 通过添加className 的方式格式化文本.

Posted in javascript, 编程开发 - Tagged , , , , , ,

wordpress代码加亮插件

一21
2007 4 Comments Written by Filia.Tao

wordpress 的filter 和 action 真是个好东西,wordpress开发很容易上手.今天第一次看代码,就写了个插件.

基于SyntaxHighlighter的wordpress代码加亮插件.

这个SyntaxHighlighter 是一个javascript 的代码加亮的类库,以前在iblog.com 的时候拐着弯也用过.

插件主要就下面的一个文件和SyntaxHighlighter 的JS文件

code_highlighter.php
[CODE::php/code_highlighter.php::Php/]

Posted in javascript - Tagged

最近评论

My Tweets

分类

文章归档