本文档基于已经搭建好基础ckeditor的环境上。如:http://www.cnblogs.com/daxin/p/3553865.html
使用leaflet的ckeditor的google map插件;
1、下载、解压插件
下载地址:
http://ckeditor.com/addon/leaflet
下面是leaflet依赖的插件
http://ckeditor.com/addon/widgetselection
http://ckeditor.com/addon/widget
http://ckeditor.com/addon/lineutils
将以上包下载,解压到ckeditor/plugins目录下。
2、配置ckeditor/config.js
config.extraPlugins+="widgetselection,lineutils,widget,leaflet,"; config.leaflet_maps_google_api_key = 'AIzaSyA9ySM6msnGm0qQB1L1cLTMBdKEUKPySmQ';
这个google map key建议自己再申请一个哦,代码中的是原开发者的,可能不能用了。
查看一下效果:
3、在java环境中可能会遇到以下错误:
in a frame because it set 'x-frame-options' to 'deny'.
4、那么别着急,添加一下java配置代码和xml配置即可。
4.1、使用spring xml文件配置
<http> <headers> <frame-options policy="SAMEORIGIN"/><!-- 相同域名下允许加载 --> </headers> </http>
4.2、使用spring boot代码配置
@Override protected void configure(HttpSecurity http) throws Exception { //直接关闭frameOptions功能 http.headers().frameOptions().disable(); }
5、验证一下。
相关推荐
CKEditor 添加Video插件(MP4)并且兼容HTML5 Video插件 1:把video文件复制到ckeditor/... b:配置 CKEditor的(config.js) 文件,加入下面的代码,意思是引入插件 添加后面这句号加载。 config.extraPlugins = 'video';
最近项目开发需要用到CKEditor在线编辑器,但发现他本身没有自带,所以需要自己手动配置插件。但网上很多配置都有问题,自己摸索了好久终于搞定。需要注意的细节有:flvPlayer文件夹的内容直接放在ckeditor文件夹...
ckeditor4添加上传视频插件 后端java配置看下面的链接 https://blog.csdn.net/sxz13145/article/details/124410416
CKEditor4.2只能增加flash播放格式,没有视频插件。这个插件允许插入和编辑新的HTML5<video>元素。该对话框允许指定的海报图像,尺寸(他们是根据预览自动调整)和两个源文件,这样既使用了WebM格式(Chrome...
CKEditor3.5.2的PHP版,并且整合了CKfinder
Ajax-michaelcgood-ckeditor-spring-boot.zip,演示如何将ckeditor与spring boot结合使用的教程。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页...
.NET环境下ckeditor与ckfinder配置(附ckfinder1.x注册机)
ckeditor配置(详细)内涵详细使用说明
FCKEditor作为一款强大的页面编辑器已经被CKEditor取代,但是新版的CKEditor不再支持图片和文件的上传功能,需要依赖CKFinder来实现。CKEditor for Java 最新版本是3.5.3,CKFinder的最新版本是2.0.2,特做一个整合...
ckeditor的详细配置,ckeditor是FCKeditor的最新版本,支持各种浏览器。
ckeditor 配配置文件
NULL 博文链接:https://ch-dj.iteye.com/blog/1638539
CKEditor 添加Video插件(MP4)并且兼容HTML5 Video插件,完美运行
开发的ckeditor插件,实现可视化在线数学符号编辑功能。 配置ckeditor部分如下: toolbar : [['Image','formula']], extraPlugins : 'formula',
本资源主要在与ckeditor,springMVC只有action的注解配置,主要在ckeditor的实现图片的粘贴、上传。
Spring Boot+Mybatis-Plus校园二手交易平台;本项目核心技术采用Spring Boot+Mybatis-Plus;开发工具 idea;数据库MySQL5.6;模版引擎采用的是Thymeleaf;在线编辑器CKEditor;基于 JavaMail 实现用 QQ 邮箱发送邮件...
ckeditor配置详解文档资料
最近开发中遇到CI框架与ckeditor整合的相关问题,经过调查,实践整理出这份文档,文档中有详细的整合步骤以及自己写的实例代码。这份文档对那些想要了解CI中整合ckeditor的开发人员会起到很好的入门作用。
Asp.Net mvc3中ckeditor4.4.0与ckfinder配置上传图片。
CKEDITOR详细配置 如表情配置图片配置图片flash上传配置等