Skip to main content

ASCIISvg Plugin for TinyMCE in Plone for drawing a graph of function in SVG

Project description

Introduction

A TinyMCE plugin for Plone to render a function of a graph as SVG and it requires a browser that can render SVG.

It is based on the TinyMCE plugin written by David Lippman as part of the IMathAS project: http://www.imathas.com/. A demo of the IMathAS version of the plugin is available here: http://www.imathas.com/editordemo/demo.html

For FullMarks (and Plone), the plugin has been modified to always render SVG and not use any fallbacks that generate images server-side.

Additionally it uses the latest version (ver 2.0) of the ASCIIMATH javascript library by Peter Jipsen available here: http://mathcs.chapman.edu/~jipsen/mathml/asciimath.html

This plugin was developed as part of the FullMarks project funded by the Shuttleworth Foundation, an open educational repository of model questions and answers. See http://www.fullmarks.org.za and http://github.com/fullmarks for more information.

Installation

  1. Add as an egg to your buildout and rerun buildout:

    [buildout]
    eggs =
        fullmarks.tinymceplugins.asciisvg
  2. Navigate to Add-ons in the Site Setup area of your Plone site.

  3. Activate the TinyMCE ASCIISvg plugin

Changelog

1.3

  • Prevent users from adding an invalid function to the graph. Show an error and ask them to re-enter the function.

  • use single quotes when adding equations to dropdown list since double quotes don’t work on Chrome.

  • use regexp syntax for string replacement since the global match flag (eg s.replace(substr, newsubstr, ‘g’) is not supported by Chrome.

1.2

  • use span rather than div as container to allow inline display of graphs

  • Embed svg source in hidden CDATA section alongside ASCIISvg script. NOTE: Plone 3’s safe_html transform swallows CDATA, Plone 4 works correctly.

1.1

  • use jq instead of $ to invoke jquery for Plone 3 compatibility

1.0

  • Initial release

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

fullmarks.tinymceplugins.asciisvg-1.3.zip (76.7 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page