[問題] 我一直在想TinyMCE是怎麼做的

看板Ajax作者 (可倫)時間16年前 (2009/04/09 21:26), 編輯推噓2(2019)
留言21則, 5人參與, 最新討論串1/1
※ [本文轉錄自 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

04/09 21:39, , 1F
你可以試看看<div contentEditable="true">test</div>
04/09 21:39, 1F
※ 編輯: Kelunyang 來自: 220.132.156.65 (04/09 21:48)

04/09 21:49, , 2F
有我知道,但是這不是網頁標準吧?
04/09 21:49, 2F

04/09 22:45, , 3F
記得以前討論過這問題 , 不過那討論串好像消失了.
04/09 22:45, 3F

04/09 22:45, , 4F
這不是一不一定得這樣做的問題 , 而是這樣作最便利,
04/09 22:45, 4F

04/09 22:46, , 5F
不然開大絕用 flash/applet 寫 editor 不是更方便自由. :p
04/09 22:46, 5F

04/09 22:52, , 6F
但是我希望直接向Flickr一樣壓下去就會跑出來
04/09 22:52, 6F

04/09 22:52, , 7F
作成flash似乎就沒有這麼方便了@@"
04/09 22:52, 7F

04/09 23:21, , 8F
等到你講的不是"似乎" 而是 "一定" 的的時候 , 對這問題
04/09 23:21, 8F

04/09 23:21, , 9F
會更瞭解的 :p
04/09 23:21, 9F

04/09 23:22, , 10F
很多事情沒試過 , 誰都不知道的.
04/09 23:22, 10F

04/10 00:18, , 11F
不是,我不能用Flash,因為我考慮到頁面效果XDDDD
04/10 00:18, 11F

04/10 00:18, , 12F
不是似乎XD
04/10 00:18, 12F

04/10 00:21, , 13F
所以你想問的到底是? 原文說這部份..mouseover..
04/10 00:21, 13F

04/10 00:22, , 14F
推文卻又說想像Flickr一樣? 那到底是問tinyMCE還是Flickr效果
04/10 00:22, 14F

04/10 00:36, , 15F
我是想做一個線上編輯的套件,直接onmousedown之後叫出
04/10 00:36, 15F

04/10 00:36, , 16F
編輯器,也就是類似flickr的方法呼叫出編輯器
04/10 00:36, 16F

04/10 00:37, , 17F
原文裡就是這樣打的啊@@"
04/10 00:37, 17F

04/10 02:21, , 18F
是了一下子之後發現加上designmode on+contenteditable
04/10 02:21, 18F

04/10 02:21, , 19F
搭配execcommand應該就可以了
04/10 02:21, 19F

04/10 15:20, , 20F
之前在DevOpera有看過 http://tinyurl.com/5rlwps
04/10 15:20, 20F

04/10 15:27, , 21F
不過純粹是針對contenteditable就是了
04/10 15:27, 21F
文章代碼(AID): #19tVUIMK (Ajax)
文章代碼(AID): #19tVUIMK (Ajax)