views: 1284 times


把這一篇歸類為〝技術支援〞其實我算是認真的。
近來普及的,或者說是人人喊熱的 web2.0,說句實在話,我本是抱持著只研究其技術不研究其原委的原則在做事,不過,近來這樣摸索的結果,網路這東西還是跟人脫不了關係。當然,這好像是廢話,畢竟是人在使用的東西,理所當然的跟人脫不了關係。嗯,看來我又贅述了另外一段廢話了。
使用者習慣,一直以來都是許多網路業者想要得知的資訊之一,至於對於企業體來說有什麼效益?這就別問我了吧。這是其一,其二是本地文化。以 google 入主中國市場為例,為什麼要叫做谷歌?我想這也就別問我了吧。有其三嗎?俗話說的好,無三不成禮是不?那就來個其三,社群網絡,這是目前網路發展的一種趨勢,君不見 MSN Space, 天空部落格, I'm TV 都是很典型的例子。
嗯?明明是技術支援,為什麼討論這些?回歸主題(謎之音:啥?前兩段是廢話啊?),最近當紅的 weblog, 我想應該是無人不知無人不曉,而寡人最近也正巧專注於這方面的研究,或許說是開發比較妥當,畢竟我都說了,本是抱持著只研究其技術而不研究其原委,是的,我正在思考一個 weblog 該以什麼樣的方式呈現、規劃、製作。這是我的興趣,也是我的工作之一。
當然,你們大可把我當成是菜鳥,畢竟我接觸網路的時間並不算長,接觸技術的時間並不算長(謎之音:你這樣說會被達閥吧?),然而在最近這些時日裡,我突然體認到開發之中,對於使用者習慣、本地文化、社群網路這三者之間所存在的微妙關係,對其開發所造成的巨大影響。不可否認,也不可諱言的,科技始終來自於人性(這可是 N 家著名的廣告詞)。但是,回過頭來想,人性,不就是需求,只有需求,才會有產品被開發,也只有需求,才會推動些什麼。
所以我重新考慮了這方面的事情。
我的方向是否正確?
我的方式是否合乎需求?
我的概念是否符合大眾胃口?
我的流程是否符合使用者習慣?
我的思維是否切中在地文化?
我的架構是否能依照社群網絡精神?
也許你會說,一個做工程的考慮這麼多做什麼?這不是應該讓其他人去思考,而你只要執行就好?而事實上,並沒有人會替我思考這些事情,也沒有人能切入這種角度去思考這些事情,別懷疑,在我身邊就是沒有。所以,身為一個工程師(?),我必須把所有的事情都思考過一遍才行,當然,以前我或許不會這麼想,不過,在現在的社會上要生存,也許就要多點頭腦來思考才行。
好了,廢話那麼多(謎之音:啥?這也是廢話?),來點技術分享好了。
繼上次 WYSIWYG 的研究,最近看了很多 editor 的 source code,但是,也因為都是屬於 high-end 的程式,所以在理解上也增加了不少困難度。不過,托 google 大神的福,我找到了一個比較容易理解的 editor,WIDGEDITOR,非常簡單,功能非常精簡,也非常適合 blog 使用的一個 WYSIWYG Editor。
重點是,我找到上次困難點的解決方案。參照這個 editor 原始碼的方式,可以把 <textarea> 標籤非常成功的轉換成 HTML 顯示在網頁上,而且是非常即時的。當然,也許有更好的方式,但是對我來說,知道是什麼方式比較重要,至於方法,就見仁見智了。
以下提供該 editor 的方法,也許可以提供給你一個不錯的 Hint 呢。
這只是一種方法,當然,要如何變化,就端看個人巧思囉。
近來普及的,或者說是人人喊熱的 web2.0,說句實在話,我本是抱持著只研究其技術不研究其原委的原則在做事,不過,近來這樣摸索的結果,網路這東西還是跟人脫不了關係。當然,這好像是廢話,畢竟是人在使用的東西,理所當然的跟人脫不了關係。嗯,看來我又贅述了另外一段廢話了。
使用者習慣,一直以來都是許多網路業者想要得知的資訊之一,至於對於企業體來說有什麼效益?這就別問我了吧。這是其一,其二是本地文化。以 google 入主中國市場為例,為什麼要叫做谷歌?我想這也就別問我了吧。有其三嗎?俗話說的好,無三不成禮是不?那就來個其三,社群網絡,這是目前網路發展的一種趨勢,君不見 MSN Space, 天空部落格, I'm TV 都是很典型的例子。
嗯?明明是技術支援,為什麼討論這些?回歸主題(謎之音:啥?前兩段是廢話啊?),最近當紅的 weblog, 我想應該是無人不知無人不曉,而寡人最近也正巧專注於這方面的研究,或許說是開發比較妥當,畢竟我都說了,本是抱持著只研究其技術而不研究其原委,是的,我正在思考一個 weblog 該以什麼樣的方式呈現、規劃、製作。這是我的興趣,也是我的工作之一。
當然,你們大可把我當成是菜鳥,畢竟我接觸網路的時間並不算長,接觸技術的時間並不算長(謎之音:你這樣說會被達閥吧?),然而在最近這些時日裡,我突然體認到開發之中,對於使用者習慣、本地文化、社群網路這三者之間所存在的微妙關係,對其開發所造成的巨大影響。不可否認,也不可諱言的,科技始終來自於人性(這可是 N 家著名的廣告詞)。但是,回過頭來想,人性,不就是需求,只有需求,才會有產品被開發,也只有需求,才會推動些什麼。
所以我重新考慮了這方面的事情。
我的方向是否正確?
我的方式是否合乎需求?
我的概念是否符合大眾胃口?
我的流程是否符合使用者習慣?
我的思維是否切中在地文化?
我的架構是否能依照社群網絡精神?
也許你會說,一個做工程的考慮這麼多做什麼?這不是應該讓其他人去思考,而你只要執行就好?而事實上,並沒有人會替我思考這些事情,也沒有人能切入這種角度去思考這些事情,別懷疑,在我身邊就是沒有。所以,身為一個工程師(?),我必須把所有的事情都思考過一遍才行,當然,以前我或許不會這麼想,不過,在現在的社會上要生存,也許就要多點頭腦來思考才行。
好了,廢話那麼多(謎之音:啥?這也是廢話?),來點技術分享好了。
繼上次 WYSIWYG 的研究,最近看了很多 editor 的 source code,但是,也因為都是屬於 high-end 的程式,所以在理解上也增加了不少困難度。不過,托 google 大神的福,我找到了一個比較容易理解的 editor,WIDGEDITOR,非常簡單,功能非常精簡,也非常適合 blog 使用的一個 WYSIWYG Editor。
重點是,我找到上次困難點的解決方案。參照這個 editor 原始碼的方式,可以把 <textarea> 標籤非常成功的轉換成 HTML 顯示在網頁上,而且是非常即時的。當然,也許有更好的方式,但是對我來說,知道是什麼方式比較重要,至於方法,就見仁見智了。
以下提供該 editor 的方法,也許可以提供給你一個不錯的 Hint 呢。
more..
這只是一種方法,當然,要如何變化,就端看個人巧思囉。




Leave your greetings.
請問這個要如何應用在實際上呢??
2008/01/29 02:34 [ Permalink : Modify/Delete : Reply ]初學者 還請見諒!!
如果您真的是初學者,我是建議使用已經建構好的編輯器。針對所見及所得的部分,可以使用 FCKeditor, TinyMCE, Xinha 這些 OpenSource 的編輯器。
2008/01/29 10:22 [ Permalink : Modify/Delete ]至於這樣的東西要如何〝應用〞,這個就端看個人巧思吧。
例如說,配合 Ajax 的效果,可以應用在〝隨點即寫〞,不知道您有沒有 Flickr 的相本,它的編輯模式就有所謂的隨點即寫的效果。
或者是,將這些變成線上 HTML 編輯器的〝預覽〞效果也是可以的。