欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

使用ckeditor中存在的问题

程序员文章站 2022-05-26 19:03:38
...

先配置

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