@brandextract/tinymce-plugin-map

Map plugin for TinyMCE 4

Embed a map into the content.

Installation

• bower|npm install https://github.com/BrandExtract/tinymce-plugin-map.git --save
• Move to a folder named "map" under tinymce/plugins through build scripts.

Configuration

<script type="text/javascript">
tinymce.init({
    selector: "textarea",
    plugins: "media image map",
    toolbar: "image map",
    extended_valid_elements: "+iframe[src|width|height|name|align|class]"
});
</script>

Development

The short version

git clone https://github.com/BrandExtract/tinymce-plugin-map.git
cd tinymce-plugin-map
npm install

Edit the file, add and commit.

Longer version, or why not edit the file directly on GitHub

There is a pre-commit hook that is automatically installed after npm install and generates the minified file and sourcemap. Therefore, it is recommended that we checkout the repo and run npm install to work on it, instead of editing the file directly through GitHub web.

Otherwise, we will need to generate the minified file and sourcemap.

Changelog

0.3.0

Added

• Google Embed map.
• Input for API key
• Load API key from ${service}_api_key setting.

Changed

• Set default map dimensions to 400x300.
• Auto adjust live map preview container size.
• Changed minimum map dimension to 200px.
• Only support roadmap and satellite map types.
• Switched ownership to BrandExtract.