中文文档

此页更新时间：2021-12-17 21:18

此页英文文档：无

• 插件作者：莫若卿
• 支持版本：5.0.4+
• 支持语言：仅中文
• 当前版本：1.2
• 下载插件：bdmap.zip
• 使用方法：将解压得到的文件夹，放到TinyMCE主目录下的plugins文件夹内。

更新记录：

• 1.3：百度地图API3.0的setSearchCompleteCallback返回值Br变更为Cr。
• 1.2：百度地图API3.0的setSearchCompleteCallback返回值Ar变更为Br。
• 1.1：百度地图API3.0的setSearchCompleteCallback返回值Qq变更为Ar。

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

此插件是译者参考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即可。