html在線文本編輯器介紹

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

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

1. 非所見即所得編輯器

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

2. 所見即所得編輯器

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

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

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

相關推薦：

html在線編輯器原理代碼