Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-22848

Vector drawing (svg) plugin for the htmlarea editor

XMLWordPrintable

    • Icon: New Feature New Feature
    • Resolution: Won't Fix
    • Icon: Minor Minor
    • None
    • 1.9
    • Text editor TinyMCE
    • None

      This plugin enable users to draw vector images form within the Moodle
      environment and embed them into the internal HtmlArea editor which is
      part of any Module in the framework. useful for both Teachers and Students.

      The Drawing (svg-edit) component is support only in advanced browsers:

      "SVG-edit is a fast, web-based, Javascript-driven SVG editor that works in any modern browser:

      • Firefox 1.5+
      • Opera 9.50+
      • Safari 4+
      • Chrome 1+
      • IE 6+ (with the Chrome Frame plugin)

      This editor depends on many other open-source projects."

      After the drawing is embedded into the editor and saved, it can be viewed
      on any browser (even on different old versions of IE)
      thanks to the svgweb library.

      "SVG Web is a JavaScript library which provides SVG support on many browsers, including Internet Explorer, Firefox, and Safari. Using the library plus native SVG support you can instantly target ~95% of the existing installed web base."

      Here is a short video clip to see it in action:
      http://www.screentoaster.com/watch/stU0hcQkxIR15ZSVpVXFlcVlZQ

      It was inspired by "GSOC PaintWeb integration with TinyMCE code to Moodle 2.0"
      http://tracker.moodle.org/browse/MDL-20124

      Installation instruction follows in the comments

      Since it is a proof of concept, feedback and advice for better integration with moodle is very welcome

        1. svgedit-moodle.png
          svgedit-moodle.png
          79 kB
        2. insert_svg.php
          2 kB
        3. applications-graphics.png
          applications-graphics.png
          0.9 kB

            danmarsden Dan Marsden
            nadavkav Nadav Kavalerchik
            Votes:
            2 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.