先配置
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