终于快把编辑器弄好了
中间网上查了很多,感觉许多都是粘贴+拷贝的内容
首先先要明确各概念 ckeditor 是一个全JavaScript框架
所以它可以无视任何编程语言,只需要改语言支持JavaScript就行.
ckeditor的配置我走了很多弯路 晚上很多内容都没说明
配置:
1.下载ckeditor包后解压,删除不必要的包
2.在WebRoot下创建ckeditor包,再把解压精简后的包复制到ckeditor包里
3.JSP页面
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<textarea id="ckeditor_id" name="${status.expression}" cols="100"
rows="8">${status.value}</textarea>
CKEDITOR.replace('ckeditor_id',{
customConfig : 'config.js' //导入ckeditor配置JS
});
上面需要说明的是 replace需要的属性是textarea里的ID 而不是NAME
不出意外的话 编辑器应该配置成功了
成功后我们需要获得编辑器里的值.
document.forms[0].updateContext.value=CKEDITOR.instances.ckeditor_id.getData()
;
JavaScript里用上面的代码能获得编辑器里的值并赋到表单里
分享到:
相关推荐
在这个主题中,我们将聚焦于如何在SpringMVC中配置Action,并结合CKEditor来实现图片的粘贴和上传功能。 CKEditor是一款广泛使用的富文本编辑器,它可以提供丰富的文本格式化选项,以及图片和多媒体内容的插入能力...
ckeditor与ckfinder整合demo采用springmvc,学习使用
ckeditor整合Spring MVC实现富文本编辑器上传图片实例 项目描述 SpringMVC 实现Ckeditor富文本编辑器,上传图片 运行环境 jdk8+tomcat8+mysql+eclipse 项目技术(必填) spring+spring mvc
在IT行业中,Spring MVC、CKEditor和CKFinder是三个非常重要的工具,它们分别在Web开发的不同方面发挥着关键作用。Spring MVC是Spring框架的一部分,用于构建高性能、灵活的MVC(Model-View-Controller)应用程序;...
在IT行业中,CKFinder和CKEditor是两款非常流行的开源工具,它们主要用于富文本编辑和管理。CKFinder是一款文件管理器,而CKEditor则是一个强大的文本编辑器。这两者的整合为用户提供了从编辑器内部直接上传、浏览和...
- **步骤2**: 在`web.xml`中配置SpringMVC的相关信息。 - **步骤3**: 创建`springmvc-servlet.xml`配置文件。 - **步骤4**: 创建JSP视图文件。 - **步骤5**: 定义控制器及其方法。 - **步骤6**: 启动服务器并...
在本项目中,我们主要关注的是一个基于B2C(Business-to-Consumer)模式的电子商务平台,该平台的开发采用了Java技术栈,其中包括SpringMVC框架和MySQL数据库。这是一个典型的Web应用架构,允许商家直接向消费者销售...
而CKEditor 5则是一款流行的富文本编辑器,常用于网页中的内容编辑和创建。本项目将这两个技术结合,实现了一个文件上传的功能,并且上传后的文件能够直接预览。以下是对这个功能的详细解析: **Spring MVC 5 文件...
一个基于CKEditor和...当初是在s2上跑的,但是如果同样放在SpringMvc或者SSH,道理都是一样的,重要的只需好好检查着两个工具的同名文件夹下的config路劲是否设置正确……这分值不值 仁者见仁智者见智了O(∩_∩)0
DEMO可能采用了TinyMCE、CKEditor等富文本编辑器,让管理员能够方便地创建和编辑内容。 通过以上知识点的结合,本DEMO提供了一个完整的后台管理解决方案,不仅涵盖了核心的技术栈,还涉及到了实际系统中常见的功能...
在本文中,我们将深入探讨B2C购物网站的设计,以及其中涉及的关键技术——SpringMVC、MySQL和相关功能实现,如后台分页、富文本编辑器、附件与文件上传及时间选择器等。 B2C(Business-to-Consumer)购物网站是一种...
富文本编辑器如CKEditor或TinyMCE,允许用户在网站上创建和编辑含有格式化的文本,如加粗、斜体、插入图片和链接等。在“班级风采”网站中,编辑器可能被用于编写班级活动的详细介绍,让内容更具吸引力和可读性。 *...
富文本编辑器如CKEditor或TinyMCE,允许用户在网页上编辑格式化的文本,如添加图片、链接、列表等。在博客系统中,用户可以通过富文本编辑器方便地撰写和编辑文章内容。 6. **附件和文件上传**: 文件上传功能...
《深入解析bbs_discuz_BBS论坛系统:基于SpringMVC和MySQL的实现》 bbs_discuz_BBS论坛系统是一款基于Java技术栈,利用SpringMVC作为控制器,结合MySQL数据库构建的网络社区平台。本系统具备丰富的功能,如后台分页...
同时,优化数据库查询,如使用索引提高查询效率,确保系统在大量数据下仍能保持良好的性能。 在功能实现方面,后台分页是常见的数据展示方式,尤其在处理大量数据时。系统通过设置每页显示的记录数,配合SQL的LIMIT...
这包括了控制器、模型、视图、服务、持久层等各个部分,可以帮助开发者深入理解SpringMVC和其他相关技术的用法。 这个个人日志系统设计与实现的项目,不仅是一个实际操作的实例,也是学习和提升Java Web开发技能的...
在本项目中,可能采用了类似CKEditor或TinyMCE的开源编辑器,这些编辑器提供API与后端进行交互,将用户编辑的内容保存到数据库。 附件和文件上传功能通常用于支持用户上传图片、文档等资源。这需要开发者处理文件...
富文本编辑器如CKEditor或TinyMCE,允许用户在网页上创建和编辑格式化的文本,如添加图片、链接、列表等。在房产中介系统中,这个功能可能用于房源描述的编辑,使经纪人能提供详细、吸引人的房源信息。 **5. 附件与...
富文本编辑器如CKEditor或TinyMCE,提供了插入图片、链接、格式化文本等功能,使得内容创作更为便捷。在后端,我们需要处理编辑器提交的HTML内容,确保安全性,例如过滤XSS攻击。 文件上传功能在个人博客中主要体现...
常见的富文本编辑器库有CKEditor、TinyMCE等,它们提供API供开发者集成到项目中。 5. **附件上传**:附件上传功能让用户能够上传各种文件,如文档、图片或视频,以分享或保存在网站上。通常涉及文件类型的检查、...