使用ckeditor中存在的问题

系统管理员 2023-07-13 04:09 34阅读 0赞

## 先配置 ##

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_ywjy_p_5036056.html]  
[https://www.cnblogs.com/zinan/p/3620807.html][https_www.cnblogs.com_zinan_p_3620807.html]

[https_www.cnblogs.com_ywjy_p_5036056.html]: https://www.cnblogs.com/ywjy/p/5036056.html
[https_www.cnblogs.com_zinan_p_3620807.html]: https://www.cnblogs.com/zinan/p/3620807.html

发表评论取消回复

表情：

评论列表（有 0 条评论，34人围观）

还没有评论，来说两句吧...

相关阅读

相关使用ckeditor中存在的问题

先配置 1.引入js <script src="../ckeditor/ckeditor.js"></script> 2.定义textarea <d

系统管理员/ 2023年07月13日 04:09/ 0 赞/ 35 阅读

相关滚动到CKEditor中的Element

CKEditor is the outstanding WYSIWYG editor we use on the Mozilla Developer Network. We

太过爱你忘了你带给我的痛/ 2023年02月22日 03:38/ 0 赞/ 7 阅读

相关 CKEditor编辑器的详细使用

安装：　　1.下载CKEDITOR的文件，解压后复制到工程的WEBROOT目录下就OK！替换TEXTAREA标签： < textarea rows ="30"

左手的ㄟ右手/ 2022年08月02日 00:28/ 0 赞/ 471 阅读

相关在Django的admin中使用富文本编辑器 CKEditor

开发环境： Python 3.5 Django 1.11 CKEditor安装： pip install django-ckeditor Djang

本是古典何须时尚/ 2022年04月12日 21:15/ 0 赞/ 349 阅读

相关 vue中使用ckeditor

使用lodop实现打印功能，首先使用ckeditor在线编辑word生成html ，lodop得到html进行打印 [https://www.cnblogs.com/ldlx

Bertha 。/ 2022年04月08日 15:56/ 0 赞/ 278 阅读

相关 Vue在diolog中使用ckeditor

大多数能够找到的都是在mounted页面加载后让富文本替换文本框 <textarea id="editor" rows="10" cols="80"></textar

￡神魔★判官ぃ/ 2022年04月03日 10:00/ 0 赞/ 306 阅读

相关 MVC中使用CKEditor01-基础

本篇体验在MVC中使用CKEditor，仅仅算思路、基础，暂没有把验证等与CKEditor结合在一起考虑。 □ 1 使用NUGET引入CKEditor PM> In

谁借莪１个温暖的怀抱￠/ 2022年03月29日 07:28/ 0 赞/ 214 阅读

相关 CKEditor使用方法以及在CKEditor中使用Markdown编辑器

缘起日前本人在搭建私人博客的时候一直觉得csdn自带的markdown编辑器挺好用的，经过多方查找找到一个与这个差不多的，就是今天的主角CKEditor。什么是C

深碍√TFBOYSˉ_/ 2022年03月11日 12:00/ 0 赞/ 583 阅读

相关 MVC中使用CKEditor01-基础

本篇体验在MVC中使用CKEditor，仅仅算思路、基础，暂没有把验证等与CKEditor结合在一起考虑。 □ 1 使用NUGET引入CKEditor PM> Insta

朱雀/ 2021年11月02日 12:38/ 0 赞/ 271 阅读

相关 CKEditor

开场白：最近用到了ckeditor网上看了好多大同小异，但是版本都比较老旧了，也许使用过程中有瑕疵，本人自己总结了下，已经经过实测，方便大家参考，也可以提宝贵意见，互相

- 日理万妓/ 2021年09月11日 06:40/ 0 赞/ 335 阅读