当前位置: 首页 > news >正文

CKEditor编辑器的简单使用方法,取值,赋值

先从官网下载包。CKEditor 4 - Download Latest Version.

一:在项目里引用JQ基础包和CK的JS包

<script src="/JS/jquery-3.4.1.js?v=1.0"></script><script src="/ckeditor/ckeditor.js"></script>

二:在表单内声明CK

<textarea name="editor1"></textarea>
<script>CKEDITOR.replace('editor1', {height: '800px', // 设置编辑器的高度});
</script>

三:JS里赋值和取值

CKEDITOR.instances.editor1.setData(ContHTMLWoman);//给CK编辑器赋值var contHTMLWoman = CKEDITOR.instances.editor1.getData();//获取CK编辑器的HTML内容
在向后台传值的时候要先转义一下'contHTMLWoman': encodeURI(contHTMLWoman)
后台接收时候,也要转义一下
strTemplContentWoman = Request.Form["contHTMLWoman"].ToString();//接收后,未转义前
strTemplContentWoman = HttpUtility.UrlDecode(strTemplContentWoman);//转义后为正常显示内容

详细的参考下面引用文章

参考文章:富文本编辑器CKEditor4简单使用-01_ckeditor富文本-CSDN博客

http://www.lryc.cn/news/343411.html

相关文章:

  • 创建一个线程对象需要花费多少内存空间
  • Java -- (part23)
  • 1. C++入门:命名空间及输入输出
  • 【Kotlin】Java三目运算转成 kotlin 表达
  • 如何安全可控地进行内外网跨网络传输文件?
  • Python Json数据解析
  • pyinstaller打包pytorch和transformers程序
  • 西门子数控网络IP设定配置
  • [Unity]备份许可文件
  • 第十五届蓝桥杯省赛大学B组(c++)
  • Python Flask框架(一)初识Flask
  • VS2022 .Net6.0 无法打开窗体设计器
  • Linux学习之高级IO
  • 一分钟了解Polysciences PEI 40K转染试剂的原理
  • Clickhouse IP 函数
  • 【Python】numpy.ptp()
  • The provided password or token is incorrect or your account
  • 常见的shell命令
  • 堆栈打印跟踪Activity的启动过程(基于Android10.0.0-r41),framework修改,去除第三方app的倒计时页面
  • 只允许内网访问时,如何设置hosts
  • nature《自然》期刊文献怎么在家查看下载
  • python作业五
  • 经典的设计模式和Python示例(一)
  • Ubuntu服务器如何安装桌面
  • 填报表如何实现电话号码的校验
  • 揭秘全网热门话题:抖音快速涨粉方法,巨量千川投流助你日增10000粉
  • 电脑提示‘找不到msvcr110dll,无法继续执行代码’的解决方法,3分钟快速修复
  • 如何在Hostease的Linux虚拟主机上永久移除WordPress网站
  • 【云原生】Docker 的网络通信
  • 如何优雅的实现浏览器多标签通讯