将Google地图插入WYSIWYG编辑器,然后正确保存和检索

时间:2010-03-23 19:55:06

标签: jquery google-maps wysiwyg

我正在尝试使用从Google地图添加地图的功能扩展jWysiwyg。我可以正确地获取地图,但是我遇到了如何处理生成的地图的问题,因此可以将其与页面一起保存然后检索。

稍微打开一下这个过程:

  • 用户输入使用jWysiwyg创建的编辑器。
  • 用户点击要求输入地址的按钮,然后返回相应的纬度和经度。
  • 我使用此位置信息使用Google Maps API(V3)创建地图,然后将其插入可编辑的WYSIWYG区域。
  • 当我保存页面时,整个Google生成的HTML都会保存到数据库中,下次打开时将无法正常工作(当我再次打开页面时,我会看到一个灰色框)。

现在,问题是我需要以这样的格式插入地图,以便之后可以使用(可能使用<script>标签)。我还需要在WYSIWYG编辑器中看到地图,所以我不能只放入一个占位符标签,以后会填充正确的地图数据。

所以,简而言之;如何将Google地图插入WYSIWYG编辑器,使其既可以从编辑器本身看到/可以预览,也可以保存为下次打开时可以正常工作的格式?

2 个答案:

答案 0 :(得分:2)

添加占位符标记,例如持有lat / long的评论,将是您最好的选择。您可以通过渲染在编辑器中显示地图,然后将其删除并放入占位符标记。然后,在渲染数据时,您必须处理该注释。

如果您使用的WYSIWYG编辑器支持这样的内容,您还可以在保存内容时将lat long存储在数据库中。

答案 1 :(得分:0)

使用Jumi插入您的代码。编辑器不会再删除你的代码了。以此为例Google Map inserted with Jumi