先配置
1.引入js
<script src="../ckeditor/ckeditor.js"></script>
2.定義textarea
<div id="test">
</div>
3.激活控件
(1)第一種寫法
CKEDITOR.replace("test");//指定textarea的id
(2)另一種寫法,可以設置一些屬性值
CKEDITOR.replace('test',
{
height: 300,
//超鏈接-瀏覽服務器-那個按鈕
filebrowserBrowseUrl: '/apps/ckfinder/3.4.5/ckfinder.html',
//圖像 -上傳到服務器-那個按鈕
filebrowserImageUploadUrl: '/apps/ckfinder/3.4.5/core/connector
}
);
js和ckeditor之間進行取值和賦值
1.取值
//注:這裏的test也就是上面的id
CKEDITOR.instances.test.getData()
2.賦值
//注:這裏的test也就是上面的id
CKEDITOR.instances.test.setData("<a>qqq輸入文字</a><br><a>qqq輸入文字</a>")
對ckeditor進行賦值的時候,會默認把html的標籤和樣式css給過濾掉
解決方法:在config.js設置config.allowedContent=true;//關閉標籤過濾
參考文章:
https://www.cnblogs.com/ywjy/p/5036056.html
https://www.cnblogs.com/zinan/p/3620807.html