使用ckeditor中存在的问题

先配置

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

猜你喜欢

转载自blog.csdn.net/weixin_42063820/article/details/104775278
今日推荐