← Older revision
Revision as of 23:11, 18 March 2013
(2 intermediate revisions by one user not shown)
Line 1:
Line 1:
−
'''QUICK UPDATE: As of Feb 2012, the editor used by Wikipedia is: [//www.mediawiki.org/wiki/Extension:WikiEditor http://www.mediawiki.org/wiki/Extension:WikiEditor]'''.
+
Feel free to contribute to this page and add information to the chapters.
−
'''Try out the demo of the new visual editor: [[VisualEditor:Test]]'''.
+
==Chapter 1 - Permaculture Growing==
−
{{outdated}}
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in erat ac arcu rutrum ullamcorper a tempor diam. Nunc vel nunc quis lectus pharetra venenatis sit amet eget erat. Nullam nec tempus mauris. Praesent mauris ante, condimentum eu luctus at, fringilla a arcu. Phasellus lobortis sollicitudin eros sed venenatis. Curabitur sit amet lacinia justo. Quisque sed aliquet lacus. Sed interdum vestibulum leo, ut tincidunt arcu convallis sed. Integer at elit a erat semper semper ut non nibh. Nulla tristique ultrices risus quis gravida. Donec velit erat, feugiat dapibus accumsan et, mattis ac neque.
−
For the more technically inclined, [[m:Wiki markup|wiki markup]] is a simple way of formatting a wiki page. However, many would-be users of MediaWiki are put off by what looks to them — rightly — to be code of any sort. These users are adjusted to publishing and editing in a more visually straightforward '''WYSIWYG''' (''What You See Is What You Get'') environment.
+
Maecenas in urna id turpis volutpat sollicitudin vel vel nulla. Aliquam a purus id nibh tincidunt molestie. Phasellus urna elit, tristique ut scelerisque sit amet, aliquam non mauris. Maecenas molestie nibh vel mauris scelerisque vel vehicula mauris egestas. Suspendisse nec metus ac ligula dapibus suscipit. Duis eu dapibus eros. Vivamus tempor tincidunt lorem, vel tempor nisi tempus viverra. Maecenas rutrum tristique eros, sit amet aliquet dolor aliquet nec. Praesent at nibh orci, sed posuere leo. In non tempor diam. Integer in sem nisi, sit amet imperdiet diam. Aliquam placerat ornare nulla ac lacinia. Praesent nec risus est, a scelerisque ipsum. Quisque vel metus iaculis nunc facilisis accumsan. Aliquam diam eros, volutpat quis consequat id, interdum non enim.
−
The acronym '''WYSIWYG''' is most often used, but in the case of MediaWiki, this is false, you can never get exactly what you see, since what you get depends on your browser, screen resolution, fonts, your MediaWiki skin and so on. WYSIWYM (''What You See Is What You Mean'') is more precise but rare.
+
Quisque et placerat libero. Sed nec dui et purus accumsan commodo eget sit amet neque. In luctus ligula sed odio sodales varius. Suspendisse scelerisque condimentum orci laoreet aliquam. Nulla ac ante mollis nisi malesuada facilisis in sed dui. Sed et mi dolor, ut euismod urna. Vivamus mollis luctus est sodales tincidunt. Maecenas vitae dui nec nulla porta adipiscing id eu massa. Aenean suscipit, est at volutpat mattis, erat massa sagittis eros, sed iaculis ipsum sem ac justo. In gravida congue augue porta vulputate. Vestibulum tellus neque, cursus rutrum tincidunt eget, imperdiet vitae tellus.
−
==State of WYSIWYG and MediaWiki software==
+
==Chapter 2 - How to set up Permaculture Growing at Home==
−
'''QUICK UPDATE: As of Feb 2012, the editor used by Wikipedia is: [//www.mediawiki.org/wiki/Extension:WikiEditor http://www.mediawiki.org/wiki/Extension:WikiEditor]'''.
+
===Step 1===
−
In 2009, there was no available 'ready-to-go' package for incorporating full WYSIWYG into the MediaWiki software.
+
Vestibulum vulputate dui ac odio pellentesque quis hendrerit nisl accumsan. Etiam aliquet, ligula ut euismod commodo, augue urna convallis lectus, sodales rhoncus metus elit sed purus. Cras scelerisque sem id augue pellentesque faucibus. Fusce nisl mauris, fermentum lacinia tincidunt sed, condimentum varius sapien. Suspendisse ut dictum dui. Nulla aliquet turpis in massa cursus et gravida tellus ultricies. Vestibulum porta quam sodales nulla convallis at lobortis dui placerat. Aenean non magna ipsum, eu dapibus mauris. In luctus elit quis urna posuere consequat. Quisque ornare nulla ac enim suscipit sodales. Vivamus dictum ligula vel tortor adipiscing quis facilisis arcu elementum. Quisque eu mi a nisi vestibulum lobortis ut non eros. Suspendisse semper eros vitae neque gravida pulvinar. Quisque erat nulla, ornare nec convallis eget, sagittis quis lectus. Quisque consequat massa non lacus scelerisque sodales. Ut facilisis tellus a massa lacinia varius.
−
The problem is that any WYSIWYG editor would have to know wikitext grammar, and ''no full grammar for wikitext exists'' — the "parser" doesn't parse, it's a twisty series of regular expressions. So present WYSIWYG editors either have to perform one of the following:
+
===Step 2===
−
* Reverse-engineer as much of a grammar as they can
−
* Forget wikitext and just write HTML.
−
−
A proper grammar is not sufficient for a proper WYSIWYM editor, as opposed to WYSIAYG (what you see is all you get), but it is necessary. A proper grammar is a highly-desired thing for many other purposes as well, and present efforts are at "promising vapourware" status. ''See'' [[Markup spec]].
−
−
For a list of existing extensions providing some degree of WYSIWYG support, see [[:Category:WYSIWYG extensions]].
−
−
==Design==
−
−
===Conceptual===
−
−
As noted hereinbefore, HTML TEXTAREAS could be a fallback for older browsers or those that prefer this for fine control. The WYSIWYG editor could also be limited to reflect only existing wiki markup, with its democratically decided simplicities and compromises for complexities — adding nothing to the wiki markup, only providing a more visually straightforward means of changing the markup....
−
−
===Implementation===
−
−
# Numbered list item
−
There are a few options for making a WYSIWYG editor that works in the browser.
−
−
#Pure DHTML/JavaScript. Capture mouse input, buttons, keystrokes, etc., and actually edit the HTML of the current document. It's not trivial, but possible.
−
#Create a custom browser plug-in, Java applet, ActiveX control. This would probably be workable, but would take quite a bit of hackery, and may or may not work. Requiring users to install any sort of plugin is very undesirable.
−
#: Imho, limited approach. Only Java applet is (possibly) cross-browser compatible. But not all users have Java on their machines and JavaScript is supported by all popular browsers (well, maybe except text-based, but I think that Java wouldn't work there too)... --[[m:User:Shtriter|Shtriter]] 07:20, 26 July 2006 (UTC)
−
#:: Users using text based browsers don't matter for WYSIWIG. They are going to be happier editing in Creole --Kevin Holzer (see hlzr.net for contact) 12:38, g29 December 2010 (PST)
−
#Both Mozilla and Internet Explorer have included ways to make sections of a page editable. IE 5.5 had the [http://web.archive.org/web/20070110060155/http://msdn.microsoft.com/library/en-us/dnmshtml/html/mshtmleditplatf.asp MSHTML Editing Platform] (archive.org), and Mozilla has its [http://www.mozilla.org/editor/midas-spec.html Rich Text Editing API]. Both technologies allow Web developers to make parts of a page editable -- in slightly different ways, of course.
−
−
Most current in-browser WYSIWYG editors use the third option.
+
Quisque cursus rhoncus justo, sed hendrerit diam volutpat et. Nulla a mi purus. Quisque id nisl quam. Maecenas felis quam, scelerisque non ultrices sed, dignissim nec elit. Vivamus pulvinar adipiscing purus id dictum. Nunc pharetra lorem sed mauris venenatis sed hendrerit dui lobortis. Vestibulum sit amet velit sed leo iaculis luctus. Mauris vitae erat lacus, eu aliquet ipsum. Fusce egestas, arcu eu rhoncus lobortis, felis lectus interdum nisi, sit amet congue nunc purus at arcu. Donec orci metus, eleifend et feugiat vitae, eleifend vitae nunc. Curabitur molestie mattis sapien, et imperdiet nunc vehicula ut. Etiam molestie ipsum ac justo iaculis tincidunt.
===Proof of concept: WYSIWYG editors===
===Proof of concept: WYSIWYG editors===