作者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