Bootstrap富文本組件wysiwyg數據保存到mysql的方法_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:50:17
Bootstrap富文本組件wysiwyg數據保存到mysql的方法_javascript技巧
Bootstrap富文本組件wysiwyg數據保存到mysql的方法_javascript技巧:Bootstrap提供了一個叫wysiwyg的富文本組件,用來顯示和編輯富文本數據,但如何將編輯后的數據保存到MySQL數據庫,卻不得而知。另外,如何將mysql數據庫中的數據顯示到wysiwyg也不得而知,對于這兩個問題,讓我來告訴你解決方案! 一、效果展示 首先,我們
導讀Bootstrap富文本組件wysiwyg數據保存到mysql的方法_javascript技巧:Bootstrap提供了一個叫wysiwyg的富文本組件,用來顯示和編輯富文本數據,但如何將編輯后的數據保存到MySQL數據庫,卻不得而知。另外,如何將mysql數據庫中的數據顯示到wysiwyg也不得而知,對于這兩個問題,讓我來告訴你解決方案! 一、效果展示 首先,我們
Bootstrap提供了一個叫wysiwyg的富文本組件,用來顯示和編輯富文本數據,但如何將編輯后的數據保存到MySQL數據庫,卻不得而知。另外,如何將mysql數據庫中的數據顯示到wysiwyg也不得而知,對于這兩個問題,讓我來告訴你解決方案!
一、效果展示
首先,我們先來看看效果如何:

富文本中有一張圖片,還有一個數字列表
我們可以看到編輯后的數據保存成功,以及保存后對應的展示。
二、富文本
度娘對于富文本的解釋如下:
富文本格式(Rich Text Format, 一般簡稱為RTF)是由微軟公司開發的跨平臺文檔格式。大多數的文字處理軟件都能讀取和保存RTF文檔。RTF是Rich TextFormat的縮寫,意即多文本格式。這是一種類似DOC格式(Word文檔)的文件,有很好的兼容性,使用Windows“附件”中的“寫字板”就能打開并進行編輯。RTF是一種非常流行的文件結構,很多文字編輯器都支持它。一般的格式設置,比如字體和段落設置,頁面設置等等信息都可以存在RTF格式中,它能在一定程度上實現word與wps文件之間的互訪。
如果說富文本不包含圖片,我們可以使用普通的html轉碼方法,見標題四;如果富文本包含圖片,普通的html轉碼已經滿足不了我們了,就需要用到jquery.base64.js,見標題三。
那么同時,我們看一看mysql字段的定義:
`description` longtext NOT NULL COMMENT '項目詳細描述',
字段類型為longtext(LongText 最大長度4294967295個字元 (2^32-1),雖然我也不知道到底有多大)。
三、jquery.base64
①、引入jquery.base64.js
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Bootstrap富文本組件wysiwyg數據保存到mysql的方法_javascript技巧
Bootstrap富文本組件wysiwyg數據保存到mysql的方法_javascript技巧:Bootstrap提供了一個叫wysiwyg的富文本組件,用來顯示和編輯富文本數據,但如何將編輯后的數據保存到MySQL數據庫,卻不得而知。另外,如何將mysql數據庫中的數據顯示到wysiwyg也不得而知,對于這兩個問題,讓我來告訴你解決方案! 一、效果展示 首先,我們