在html頁面寫一個富文字框
阿新 • • 發佈:2019-01-09
第一步:獲取到富文字框的這個檔案,連結地址:https://ckeditor.com/cke4/builder
(1)裡面有幾個選擇,看你需求自己進行選擇,然後滑鼠一直拖到最下面,開始下載包
下面我只是舉個例子:我選擇的事第三個full;後面還有些選擇類似。
注意:博主在第一次的時候發現富文字框沒有顏色,忘了選擇下面這個,也就是第一個
第二步:把ckeditor這個包放到WebRoot下面(位置是按博主第一次做的寫的)
第三步:總之前面一堆廢話就是告訴你,你搞到一個ckeditor包就行了,就這麼簡單。然後在html頁面你要新增的地方加上這麼一句話:<textarea id="scpg" name="editor01"></textarea> 這個name是一定要的,目的就是第四步
對了把包放到WebRooT下,我們一定要引入啊,在你的html頁面還得加一句話:
<script src="${contextPath}/ckeditor/ckeditor.js"></script>具體的路徑看你自身情況
第四步:<script type="text/javascript">
CKEDITOR.replace('editor01');//這句話相當的重要,沒有這句話,只會顯示文字域,沒有富文字框的效果
</script>
第五步:做這些不就得獲取到文字域裡面的內容;加上這句:
var htmlData=CKEDITOR.instances.scpg.getData();//注意
到此就全部做完了,主要就是得到包,加上三兩句話,記得引入你包的路徑,然後就全部結束。