作者Kelunyang (可伦)
看板Ajax
标题[问题] 我一直在想TinyMCE是怎麽做的
时间Thu Apr 9 21:26:41 2009
※ [本文转录自 Web_Design 看板]
作者: Kelunyang (可伦) 看板: Web_Design
标题: [问题] 我一直在想TinyMCE是怎麽做的
时间: Thu Apr 9 21:20:34 2009
这个问题想很久了，也用Firebug看过HTML结构
但是一直到最近发现TinyMCE在小弟要做的计画上有很大的问题，所以才想说
乾脆重做一个自己的
TinyMCE就是把资料写到一个iframe里，但是我比较不解的是，我在萤幕上看到会
闪来闪去的游标，这代表我的打字区是一个input area吗？但是实际找一找也没找到
然後我又想说他可是抓keyup时候的键值（早年silverlight 1.0的时候就得这样硬干）
不过他又可以吃中文，这样应该不会是抓键值，但是单纯的input area，如input和
textarea应该做不到帮字上颜色，iframe的话小弟很少用，可是iframe开的也是网页
怎麽想应该都不可能变成一个真正的输入区@@?
那小弟想想做的其实就是和flickr一样，按一下比如说照片标题之後，就会生出来一
个打字区给使用者编辑，这部分小弟知道用onmousedown之後插入一些HTML元素就搞定了
但是TinyMCE这边怎麽想都想不出来，不知道有没有前辈有经验可以分享一下@@"
先谢谢回答的前辈了
P.S.
喔对我知道DIV在mozilla和ie下都有一个类似contenteditable的属性
但是查了MSDN发现这好像不是网页标准，还是一定得这样做呢？
--
新的Blog欢迎大家多多参观喔~
http://kelunyang.wordpress.com
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.132.156.65
--
新的Blog欢迎大家多多参观喔~
http://kelunyang.wordpress.com
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.132.156.65
1F：推 loo5337:你可以试看看<div contentEditable="true">test</div> 04/09 21:39
※ 编辑: Kelunyang 来自: 220.132.156.65 (04/09 21:48)
2F：→ Kelunyang:有我知道，但是这不是网页标准吧？ 04/09 21:49
3F：→ TonyQ:记得以前讨论过这问题 , 不过那讨论串好像消失了. 04/09 22:45
4F：→ TonyQ:这不是一不一定得这样做的问题 , 而是这样作最便利, 04/09 22:45
5F：→ TonyQ:不然开大绝用 flash/applet 写 editor 不是更方便自由. :p 04/09 22:46
6F：→ Kelunyang:但是我希望直接向Flickr一样压下去就会跑出来 04/09 22:52
7F：→ Kelunyang:作成flash似乎就没有这麽方便了@@" 04/09 22:52
8F：→ TonyQ:等到你讲的不是"似乎" 而是 "一定" 的的时候 , 对这问题 04/09 23:21
9F：→ TonyQ:会更了解的 :p 04/09 23:21
10F：→ TonyQ:很多事情没试过 , 谁都不知道的. 04/09 23:22
11F：→ Kelunyang:不是，我不能用Flash，因为我考虑到页面效果XDDDD 04/10 00:18
12F：→ Kelunyang:不是似乎XD 04/10 00:18
13F：推 chph:所以你想问的到底是? 原文说这部份..mouseover.. 04/10 00:21
14F：→ chph:推文却又说想像Flickr一样? 那到底是问tinyMCE还是Flickr效果 04/10 00:22
15F：→ Kelunyang:我是想做一个线上编辑的套件，直接onmousedown之後叫出 04/10 00:36
16F：→ Kelunyang:编辑器，也就是类似flickr的方法呼叫出编辑器 04/10 00:36
17F：→ Kelunyang:原文里就是这样打的啊@@" 04/10 00:37
18F：→ Kelunyang:是了一下子之後发现加上designmode on+contenteditable 04/10 02:21
19F：→ Kelunyang:搭配execcommand应该就可以了 04/10 02:21
21F：→ weiyucsie:不过纯粹是针对contenteditable就是了 04/10 15:27