萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> html在線文本編輯器介紹

html在線文本編輯器介紹

我們為大家收集整理了關於html在線文本編輯器,以方便大家參考。相信很多人都使用過多種富文本編輯器,富文本編輯器常用於編輯博客、用戶交互,富文本編輯器分為兩種:所見即所得和非所見即所得

兩種富文本編輯器的實現原理是不相同的。

1. 非所見即所得編輯器

這種編輯器的實現原理很簡單,用textarea元素就可以實現,假如要實現粗體、斜體、下劃線、顏色字、圖片的效果,只需在字的中間加上自定義標簽即可,例如: [b]富文本編輯器[b] ]當然這些規則你得自己通過js進行定制。當POST提交後,再把這些標簽轉換為html標簽。

2. 所見即所得編輯器

在1中我提到的幾種效果,我們無法在textarea中見到立竿見影的效果(所見即所得),而文本域本身也只是支持一些字符的輸入,並不支持顯示html。

如何做到編輯像文本域,又能夠即時所見呢?答案就是使用iframe作為內容編輯區域。iframe本身也是一個嵌套頁面,它如何能夠被編輯呢?這裡有一些關鍵的屬性,它們可以做到讓iframe可以被編輯。

希望大家可以學會html在線文本編輯器想了解更多精彩內容,請關注我們的網站!

相關推薦:

html在線編輯器原理代碼 

copyright © 萬盛學電腦網 all rights reserved