DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:svgedit

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
plugin:svgedit [2017-07-06 20:32] – [how I get it to work on Weatherwax] 87.11.197.103plugin:svgedit [2023-04-21 21:36] (current) Aleksandr
Line 18: Line 18:
 donationurl: http://pledgie.com/campaigns/10862 donationurl: http://pledgie.com/campaigns/10862
  
-screenshot_img: http://img682.imageshack.us/img682/3216/dokuwikipluginsvgedit.png+screenshot_img: https://trello.com/1/cards/6442e548d2eefdea00ef5e29/attachments/6442e580425d031ea38c1890/download/dokuwiki-plugin-svgedit.png
 ---- ----
- 
-**Please see [[#weatherwax_compatibility]] for a version of this plugin that works with up2date versions of DW** 
-{{ http://img682.imageshack.us/img682/3216/dokuwikipluginsvgedit.png?400}} 
  
 ===== Download and Installation ===== ===== Download and Installation =====
  
-Download and install the plugin using the [[plugin:plugin|Plugin Manager]] using the URL given above. Refer to [[:Plugins]] on how to install plugins manually+Search and install the plugin using the [[plugin:extension|Extension Manager]]. Refer to [[:Plugins]] on how to install plugins manually.
- +
-You can also copy and paste 3 files from this page to your lib/plugins/svgedit/ directory..+
  
 ==== Changes ==== ==== Changes ====
Line 37: Line 32:
  
 If you want to see how awesome it is, look here: http://www.youtube.com/watch?v=M-QW6a1ZFHA (the video is from the beta version. It works better now.) If you want to see how awesome it is, look here: http://www.youtube.com/watch?v=M-QW6a1ZFHA (the video is from the beta version. It works better now.)
 +
 The biggest problem with this plugin is that it needs a modern browser. At this time it works best with WebKit-based browsers (Chromium, Chrome, Safari and Epiphany). The biggest problem with this plugin is that it needs a modern browser. At this time it works best with WebKit-based browsers (Chromium, Chrome, Safari and Epiphany).
  
-Create new image or embed existing.\\ +Create new image or embed existing. 
-Usage: + 
 +Usage:
   * embed svg using do=export_svg (recommended)<code>   * embed svg using do=export_svg (recommended)<code>
 {{svg>page.svg}} {{svg>page.svg}}
 {{svg>namespace:page.svg}}</code> {{svg>namespace:page.svg}}</code>
-  * base64 encode svg directly (requires ~~NOCACHE~~ or &purge every time SVG changes)<code>+  * base64 encode svg directly (requires %%~~NOCACHE~~%% or &purge every time SVG changes)<code>
 {{SVG>page.svg}} {{SVG>page.svg}}
 {{SVG>namespace:page.svg}}</code> {{SVG>namespace:page.svg}}</code>
Line 50: Line 47:
 <svg args...>...code...</svg></code> <svg args...>...code...</svg></code>
  
-now you can also embed SVG directly to the page like this, but it's only by-product and editing of such images will not be supported:+Now you can also embed SVG directly to the page like this, but it's only by-product and editing of such images will not be supported:
 <code> <code>
 <svg width="100" height="100" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"> <svg width="100" height="100" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
Line 76: Line 73:
  
 ===== Files ===== ===== Files =====
-moved to https://github.com/Harvie/DokuWiki-Plugin-SVGEdit+ 
 +Moved to https://github.com/Harvie/DokuWiki-Plugin-SVGEdit 
 ===== Bugs (patches appreciated) ===== ===== Bugs (patches appreciated) =====
-**Please send your bugreports (and patches) to github: \\ 
-https://github.com/Harvie/DokuWiki-Plugin-SVGEdit/issues** 
  
 +Please send your bugreports (and patches) to GitHub: https://github.com/Harvie/DokuWiki-Plugin-SVGEdit/issues
  
 ===== User experiences ===== ===== User experiences =====
  
 ==== Safari ==== ==== Safari ====
-Recommend using ''%%{{svg>namespace:imagename.svg}}%%''. This will initially put two objects on the wiki page, one a blank image object and the other a linked line, "svg@namespace:imagename.svg".  + 
 +Recommend using ''%%{{svg>namespace:imagename.svg}}%%''. This will initially put two objects on the wiki page, one a blank image object and the other a linked line, "%%svg@namespace:imagename.svg%%".  
   * Select the second, the first time you do this a topic doesn't exist yet page pops up.     * Select the second, the first time you do this a topic doesn't exist yet page pops up.  
   * Select "create this page" You should see a button labeled "SVG" next to your other edit buttons in the edit window.     * Select "create this page" You should see a button labeled "SVG" next to your other edit buttons in the edit window.  
Line 91: Line 90:
   * Create your image.  You probably want to edit the document properties (hitting 'i' should bring it up) and set the canvas to fit the contents (or otherwise set the canvas).     * Create your image.  You probably want to edit the document properties (hitting 'i' should bring it up) and set the canvas to fit the contents (or otherwise set the canvas).  
   * Once satisfied, select the "SVG-SAVE" button at the bottom.     * Once satisfied, select the "SVG-SAVE" button at the bottom.  
-Now you should have the image showing up.  For further editing, select "svg@namespace:imagename.svg" link, "edit", and "SVG" I assume the situation is similar for other browsers that work <del>(this does not include Firefox)</del>.\\+Now you should have the image showing up.  For further editing, select "svg@namespace:imagename.svg" link, "edit", and "SVG" I assume the situation is similar for other browsers that work <del>(this does not include Firefox)</del>.
  
 ==== Offline usage==== ==== Offline usage====
Line 110: Line 109:
 ==== Title ==== ==== Title ====
  
-How about using first line of svg file as it's title rather than svg@page_path. I mean the title text showing on pages like below.+How about using first line of svg file as it's title rather than %%svg@page_path%%. I mean the title text showing on pages like below.
 Thanks for your wonderful job. Thanks for your wonderful job.
  
-(svg image shows here) +  (svg image shows here) 
- +   
-[TITLE shows here]+  [TITLE shows here]
  
 ==== Weatherwax compatibility ==== ==== Weatherwax compatibility ====
Line 121: Line 120:
 Currently, the original svgedit in the download link doesn't work on Weatherwax.  Thanks to ambienthack for providing a [[https://github.com/ambienthack/DokuWiki-Plugin-SVGEdit/archive/master.zip | Weatherwax-compatible fork]]. --- [[user>rikblok|Rik Blok]] //2013/07/05 00:49// Currently, the original svgedit in the download link doesn't work on Weatherwax.  Thanks to ambienthack for providing a [[https://github.com/ambienthack/DokuWiki-Plugin-SVGEdit/archive/master.zip | Weatherwax-compatible fork]]. --- [[user>rikblok|Rik Blok]] //2013/07/05 00:49//
  
 +==== How I get it to work on Frusterick Manners ====
  
-==== how I get it to work on Frusterick Manners ==== +  * download the master file linked above: [[https://github.com/ambienthack/DokuWiki-Plugin-SVGEdit/archive/master.zip|Weatherwax-compatible fork]]
- +
-  * download the master file linked above: [[https://github.com/ambienthack/DokuWiki-Plugin-SVGEdit/archive/master.zip | Weatherwax-compatible fork]]+
   * unzip it   * unzip it
   * edit ''script.js'', uncomment the third line and comment the first one   * edit ''script.js'', uncomment the third line and comment the first one
plugin/svgedit.1499365955.txt.gz · Last modified: 2017-07-06 20:32 by 87.11.197.103

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki