富文本編輯器,Rich Text Editor, 簡稱 RTE, 是一種可內嵌於瀏覽器,所見即所得的文本編輯器。它是一種解決可通常的用戶不一樣html等網頁標記可是須要在網頁上設置字體的顏色、大小、樣式等信息問題一個文本編輯器。下面簡單的介紹一下富文本編輯器的用法和簡要的原理。css
一、什麼是富文本編輯器?html
拋開專業的定義,用本身的話來介紹一下到底什麼是富文本編輯器。先舉個簡單的例子,你們大多都使用過網上的一些博客系統或者論壇貼吧吧,那咱們要發佈一則文章或者消息的時候咱們須要在後臺設置一下這段文本的格式還有字體的大小粗細顏色等樣式,此時網頁上會有一個設置這些信息的菜單或者是一個網頁的文本編輯器,這個就是富文本編輯器的常見應用,以下圖:前端
富文本編輯器不一樣於咱們平時的文本編輯器,可是其功能確實和咱們的平時使用的word的是相似的,只不過富文本編輯器設置是解決不會編寫 HTML 的用戶並須要設置各類文本格式在咱們的網頁上。瀏覽器
二、富文本編輯器的原理和應用編輯器
關於富文本編輯器的原理,一些人可能覺得富文本編輯器的原理十分的複雜,事實上也並不是如此,固然功能強大的編輯器天然會很難實現。網頁上的富文本編輯器的大體原理是使用JavaScript技術將用戶的輸入的內容和設置的樣式轉換爲html、css等瀏覽器能夠認識的代碼,其核心的實現技術就是JavaScript和html 、css等前端技術。字體
富文本編輯器的應用,好比作爲一個網站的開發者,當咱們須要一個發佈文章的功能時候,用戶可能不知道html代碼,此時咱們可使用一些別人寫好的富文本編輯器嵌入到咱們的程序中便可解決這一問題。網站