因?yàn)槿怯⑽模晕視?huì)盡量記錄的詳細(xì)一點(diǎn):
下載:https://ckeditor.com/ckeditor-4/download/
image.png
下載好后解壓
image.png
打開index.html
image.png
來到Ckeditor4的配置界面
image.png
在這里進(jìn)行增刪移動(dòng)记焊，看自己需求,調(diào)整好后
image.png
這里就是配置文件了箫爷，復(fù)制自動(dòng)生成的配置
接下來是使用:
將整個(gè)目錄放在你的項(xiàng)目下
image.png
在需要用到的地方引用
<script src="ckeditor/ckeditor.js"></script>
這個(gè)就是富文本框
<div id="editor"></div>
接下來是核心,一定不能忘了灸眼，不然頁面無法顯示編輯框
<script>
CKEDITOR.replace( 'editor' );
</script>
這樣富文本框已經(jīng)可以顯示出來了窖铡，接下來就要用到上面復(fù)制的配置文件了
復(fù)制剛才生成的配置文件溉委，放在你項(xiàng)目下的creditor->config.js里面
image.png
保存之后就大功告成了点待。接下來你還可以根據(jù)你的需求來刪除里邊不用的插件.以減小體積!
