`
流星剑
  • 浏览: 94210 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在你的Fckeditor安装Google map plugin

    博客分类:
  • .net
阅读更多

 Fckeditor是现在很常见的Html编辑器,他好用的地方除了很方便引用外,还有就是他有一大推好用的plug in可以用,像是点部落使用的code highlight,就是plug in上去的功能。

之前看到有人在讨论文章里面内嵌地图的问题,为了要方便说明像是会场位置之类有地址的文章内容,直觉就想到应该只要在文章输入框下面多加一个google map的介面可以让他随意拖拉,然后确定之后再把google map镶嵌进文章里面。

不过这样的流程怎么都感觉不好操作,如果可以从fckeditor就直接镶嵌地图进去,那就方便多了。原本想说那这样可能要研究一下fckeditor的api了,不过偷懒的工程师当然是先从网路上找现成的,呵,果真就被我找到。

Google Maps Plugin for FCKeditor

档案抓下来,解压缩之后整包放进放进fckeditor/editor/plugins/googlemaps的资料夹,然后再设定一下fckconfig.js就可以了。

装好之后,咦,介面上的英文排列怎么都看不懂,把en排到第一个就对了。

FCKConfig.Plugins.Add('googlemaps', 'en,de,es,fr,it,nl');

 再设定一下地图的起始位置为台北市。

FCKConfig.GoogleMaps_CenterLat = 25.03997;
FCKConfig.GoogleMaps_CenterLon = 121.512481;

OK,这样就简单的完成了,还蛮方便使用的,下次跟老板建议加一下这个功能。

googlemap

分享到:
评论

相关推荐

    fckeditor与swfupload整合实例

    1. **安装和配置FCKeditor**:首先,你需要下载FCKeditor的源码,并按照官方文档或readme文件中的指示进行安装。这通常涉及解压文件到服务器的适当目录,然后在网页中引入相关的JavaScript和CSS文件。 2. **集成...

    wp 插件 fckeditor-for-wordpress-plugin.3.3.1

    在WordPress后台,管理员可以通过插件管理界面搜索并安装FCKeditor。一旦安装完成,它会在文章和页面编辑器中自动替换原有的简单文本框,提供更强大的编辑功能。用户可以根据自己的需求进行配置,如禁用某些功能或...

    asp版fckeditor安装教程(测试通过,图文并茂)

    通过这个详细的ASP版FCKeditor 2.6.4.1安装教程,你应该能够成功地在你的网站中集成并使用这个强大的文本编辑器。在实际操作过程中,参照提供的`fckeditor安装教程.docx`文档会更有帮助,它可能包含更详细的步骤和...

    VS2008下使用FCKeditor2.6.3安装配置详解

    本文将详细介绍如何在Visual Studio 2008环境下安装并配置FCKeditor 2.6.3版本。 #### 二、准备工作 1. **下载FCKeditor**: - 访问官方网站或镜像站点下载FCKeditor 2.6.3。 - 下载地址:[FCKeditor_2.6.3.zip]...

    fckeditor_plugin_flvplayer.zip

    1. **解压文件**: 首先,你需要将下载的压缩包"fckeditor_plugin_flvplayer.zip"解压缩,你会得到两个文件:`readme.txt`和`flvplayer`。 2. **复制插件文件夹**: 将`flvplayer`文件夹复制到FCKeditor的`plugins`...

    FCKeditor安装文件及配置教程

    在本文中,我们将详细介绍如何安装FCKeditor以及如何进行配置,以便在您的网站开发项目中充分利用它的潜力。 ### 一、FCKeditor的下载与解压 首先,你需要从FCKeditor的官方网站或可信的开源代码仓库下载最新版本...

    fckeditor for jsp 的jar包

    这个是一个我修改过的fckeditor for jsp 的jar包的源代码,是fckeditor-2.3的,我修改了ConnectorServlet.java和...然后在Eclipse的Outline窗口中运行Ant的dist,就会生成的新的FCKeditor-2.3.jar。

    FCKEditor完整使用说明--一步步教你使用FCKeditor插件

    **FCKEditor完整使用说明** FCKeditor是一款强大的开源HTML编辑器,被广泛应用于网站内容管理系统(CMS)、论坛和其他需要富文本编辑功能的...希望这份指南能帮助你顺利上手FCKeditor,祝你在Web开发中取得更多成就!

    fckeditor(FCK)插件和类子

    如果你的项目中还在使用FCKeditor,建议评估是否升级到CKEditor,以获得更好的兼容性和功能支持。 总之,FCKeditor是一个功能强大的富文本编辑器,其丰富的插件系统和可配置性使其在各种Web应用中都能找到用武之地...

    fckEditor Resize plugin

    总的来说,fckEditor Resize plugin 提供了一个实用的解决方案,使得用户在使用fckEditor时能够自由调整编辑窗口的大小,提升了用户体验。通过深入研究其源码,开发者不仅可以了解如何扩展富文本编辑器,还能学习到...

    FCKeditorDemo,教你如何使用FCKeditor的相关资料

    在使用FCKeditor之前,你需要先下载相应的版本并将其部署到你的项目中。下载完成后,将FCKeditor解压,然后将解压后的文件夹放入你的Web应用程序的适当目录下。接着,你需要在HTML或服务器端代码中引入FCKeditor的...

    简单FCKeditor在jsp中的使用

    通过以上步骤,你可以在JSP项目中成功集成并使用FCKeditor,提供一个强大的文本编辑功能,同时能够方便地获取和处理用户输入的数据。记得持续关注FCKeditor的更新,以获取最新的功能和修复的安全漏洞。

    fckeditor2.5.2

    在这个特定的案例中,ReadMe.txt可能详述了FCKeditor 2.5.2的安装步骤、配置方法、可能遇到的问题及解决方案。 `fckeditor`目录很可能是编辑器的主要工作目录,其中包含了编辑器的前端资源,如JavaScript文件、CSS...

    fckeditor 2.6 带media插件

    **FCKeditor 2.6 with Media Plugin** FCKeditor是一款知名的开源富文本编辑器,广泛应用于Web开发中,允许用户在网页上编辑HTML内容。版本2.6是该编辑器的一个经典版本,提供了丰富的功能和良好的兼容性。在这个...

    FCKeditor

    1. **设置上传路径**:在FCKeditor的配置文件`fckconfig.js`中,你需要指定上传图片的目标目录,例如`Config.ImageUploadURL = '/upload/images/'`。 2. **服务器端处理**:FCKeditor会将图片文件作为POST请求的一...

    FCKeditor2.5配置教程

    4. **皮肤更换**:FCKeditor提供了多种皮肤,你可以在`skins`目录下选择合适的皮肤,并在`fckconfig.js`中修改`Config.SkinPath`。 ### 三、集成到网页 1. **引入JS文件**:在你的HTML文件中,需要引入FCKeditor的...

    FCKeditor.Net_2.6.3.zip和FCKeditor-v2.6.3

    在安装和配置FCKeditor时,需要注意以下几点: 1. **解压和部署**:将下载的zip文件解压缩,然后将相关文件夹复制到服务器或本地开发环境中。 2. **配置文件**:根据实际需求修改配置文件(如fckconfig.js),设置...

    FCKeditor-2.3.rar新闻编辑器

    1. **FCKeditor介绍**:FCKeditor是一款基于JavaScript的富文本编辑器,它允许用户在网页上进行类似Word的文本编辑。它的核心功能包括文本格式化、图片上传、链接管理、表格编辑等,极大地简化了网页内容的创建。 2...

    FCKeditor 2.6.6 可直接使用

    6. **使用文档**:随FCKeditor提供的使用指南详细介绍了如何安装、配置和使用编辑器,对于开发者来说是一份宝贵的参考资料。 **与Ckeditor的对比** Ckeditor是FCKeditor的后续版本,进行了大量的优化和改进,尤其...

Global site tag (gtag.js) - Google Analytics