使用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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值