更多插件 \ bdmap 插入百度地图
+toolbar按钮+menu项

此页更新时间:2019-05-28 21:03

此页英文文档:无

  • 插件作者:Lc
  • 支持版本:5.0.4+
  • 支持语言:仅中文
  • 下载插件:bdmap.zip
  • 使用方法:将解压得到的文件夹,放到TinyMCE主目录下的plugins文件夹内。

作用:在内容区插入一个动态的百度地图。

此插件是译者参考kindeditor同功能插件的写法,为TinyMCE编写的地图插件,在此感谢KE作者。
tinymce.init({
    selector: '#tinydemo',
    plugins: "code bdmap",
    toolbar: "code bdmap",
});

额外参数

bdmap_width

设置在内容区生成的动态地图宽度。

取值:Number

默认:560

bdmap_height

设置在内容区生成的动态地图高度。

取值:Number

默认:362

关于此插件

这是我为TinyMCE写的第一个插件,因为TinyMCE自身提供了丰富的插件和配置,所以第一个插件选择了这个主要涉及iframe不具有普适性的地图插件。

写该插件需要不时翻阅官方提供的API文档,然后我发现,官方API这部分的文档写的极其简陋,不只是没有深入,几乎相当于什么都没说。

该插件包含3个主要文件

  • plugin.min.js /plugin.js :插件主文件。
  • bd.html:要在内容区嵌套地图的iframe文件。
  • map.html:弹出窗口操作定位标点的地图。

在写该插件时,纠结使用iframe还是内嵌代码,最终采用易于维护的iframe形式。需要注意的是,tinyMCE在5.0.4开始支持windowManager.openUrl的url参数,所以该插件不支持5.0.4以下的TinyMCE。

然后呢,该插件用到了一个自定义工具栏图标的知识点,使用TinyMCE自带图标可以直接用icon参数,如果使用自己的图标,用他的text参数直接写格式正确的svg即可。