Recent Changes for "GUI Editor" - Sycamore Wikihttp://www.projectsycamore.org/GUI_EditorRecent Changes of the page "GUI Editor" on Sycamore Wiki.en-us GUI Editorhttp://www.projectsycamore.org/GUI_Editor2009-04-29 03:22:31PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 6: </td> <td> Line 6: </td> </tr> <tr> <td> <span>-</span> Doing this in two phases gives us a bit of time to do things like diffs, etc properly. </td> <td> <span>+</span> Doing this in two phases gives us a bit of time to do things like diffs, etc properly.<span>&nbsp;&nbsp;And when we remove the wiki syntax people will likely, on the whole, be comfortable with the new editor.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2009-04-29 03:19:49PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 5: </td> <td> Line 5: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + Doing this in two phases gives us a bit of time to do things like diffs, etc properly.<br> + <br> + == Phase 1 ==<br> + * Finish GUI editor<br> + * Make macro, image output more semantic.<br> + <br> + == Phase 2 ==<br> + * Crap saved by editor is the same as crap saved in the DB.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2009-04-29 03:16:32PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 4: </td> <td> Line 4: </td> </tr> <tr> <td> </td> <td> <span>+ The first phase will be a GUI editor with wiki-markup conversion for those who still want to use wiki markup. Then, at some point, I imagine we'll ditch the wiki markup. Hell, I'd love to ditch it now.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2008-08-19 19:36:16PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 34: </td> <td> Line 34: </td> </tr> <tr> <td> </td> <td> <span>+ * Use semi-latest (SVN even) FCKEditor. Must support FF spell checking, etc.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2008-03-25 05:43:18PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 33: </td> <td> Line 33: </td> </tr> <tr> <td> </td> <td> <span>+ * '''new''': think about making edit conflicts easier to notice and resolve</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2008-01-31 02:29:40PhilipNeustromnew requirement <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 32: </td> <td> Line 32: </td> </tr> <tr> <td> </td> <td> <span>+ * '''new''': Editor must occupy whole window -- based on browser relative window size.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2008-01-23 07:31:29PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 61: </td> <td> Line 61: </td> </tr> <tr> <td> <span>-</span> Back to work after some delays. Got the image uploading code integrated into the image button. Ugly as sin and nearly unfunctional right now. Got image properties to 'stick.' </td> <td> <span>+</span> Back to work after some delays. <span>Fixed text encoding issues. </span>Got the image uploading code integrated into the image button. Ugly as sin and nearly unfunctional right now. Got image properties to 'stick.' </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2008-01-23 07:30:05PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 61: </td> <td> Line 61: </td> </tr> <tr> <td> <span>-</span> Back to work after some delays. Got the image uploading code integrated into the image button. Ugly as sin and nearly unfunctional right now. </td> <td> <span>+</span> Back to work after some delays. Got the image uploading code integrated into the image button. Ugly as sin and nearly unfunctional right now.<span>&nbsp;&nbsp;Got image properties to 'stick.'<br> + <br> + Next up is thumbnailing based on image resizing and figuring out what that means..</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2008-01-23 07:28:05PhilipNeustromminor update <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 57: </td> <td> Line 57: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + == Jan. 22 ==<br> + [[Image(jan_22.png, thumbnail)]]<br> + <br> + Back to work after some delays. Got the image uploading code integrated into the image button. Ugly as sin and nearly unfunctional right now.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2008-01-23 07:27:48PhilipNeustromUpload of image <a href="http://www.projectsycamore.org/GUI_Editor?action=Files&do=view&target=jan_22.png">jan_22.png</a>.GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-11-20 12:24:55PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 54: </td> <td> Line 54: </td> </tr> <tr> <td> <span>-</span> The version switchover brought a bunch of weird API changes, but they're mostly worked out now. Spacing is way more consistent now. Tested briefly in IE and noticed some issues with the link code &amp; fixed. </td> <td> <span>+</span> The version switchover brought a bunch of weir<span>d undocumente</span>d API changes<span>&nbsp;(read: pain in the ass that took forever)</span>, but they're mostly worked out now. Spacing is way more consistent now. Tested briefly in IE and noticed some issues with the link code &amp; fixed.<span><br> + <br> + ''On the plus side, the issues made me get used to using the [http://www.mozilla.org/projects/venkman/ venkman javascript debugger].''</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-11-20 12:23:26PhilipNeustromupdate - no feature work changed, just moved over to new fckeditor <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 52: </td> <td> Line 52: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + == Nov. 20 ==<br> + The version switchover brought a bunch of weird API changes, but they're mostly worked out now. Spacing is way more consistent now. Tested briefly in IE and noticed some issues with the link code &amp; fixed.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-11-08 11:00:30PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 49: </td> <td> Line 49: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + == Nov. 8 ==<br> + Working on moving over to the latest version of FCKeditor -- many issues come with the switchover. The new version handles spacing much more consistently and brings many more general fixes.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-10-18 00:39:24PhilipNeustromUpload of image <a href="http://www.projectsycamore.org/GUI_Editor?action=Files&do=view&target=oct_17.png">oct_17.png</a>.GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-10-18 00:39:08PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 44: </td> <td> Line 44: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + == Oct 17 ==<br> + [[Image(oct_17.png, thumbnail)]]<br> + <br> + Links work for the most part. External / others with icons, and the icon isn't funky in the editor. Noticing more and more crazy stuff (e.g. nothing works).</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-10-05 20:15:59PhilipNeustromjust logging what ive been doing <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 39: </td> <td> Line 39: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + == Oct 5 ==<br> + [[Image(oct_5.png, thumbnail)]]<br> + <br> + Been trying to get links to work. Dynamic interwiki links work, along with usual URLs. Need to get link status for wiki links (automatically dotted when they don't exist).</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-10-05 20:15:46PhilipNeustromUpload of image <a href="http://www.projectsycamore.org/GUI_Editor?action=Files&do=view&target=oct_5.png">oct_5.png</a>.GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-10-04 00:17:35PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 29: </td> <td> Line 29: </td> </tr> <tr> <td> </td> <td> <span>+ * Tables -- Hide excess functionality provided by the editor.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-10-04 00:03:00PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 30: </td> <td> Line 30: </td> </tr> <tr> <td> </td> <td> <span>+ * CSS from the wiki must be embedded in the editor so that all elements look the same.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-10-04 00:00:10PhilipNeustromadding requirements section <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 20: </td> <td> Line 20: </td> </tr> <tr> <td> </td> <td> <span>+ === Requirements ===<br> + * Support in major browsers (except Safari 2). This should come "free," but we're writing a lot of custom JS so we need to test.<br> + * Fast, snappy load time. Minimize JS, compress where possible, remove excess files.<br> + * Custom skin and overall theme.<br> + * Perfect interaction with regular wiki syntax for the people who won't use the editor.<br> + * Macro support -- placement into editor, double-click to change properties, provide arguments. For example, a box appears for the "footnotes" macro that contains a single input text box where the footnote text is typed. No specialization based on macro, except for the image macro and potentially the file macro.<br> + * Image support -- clear interaction with the image macro, floating left and right, comments, noborder.<br> + * Image uploading process needs to be refined so that the process of selecting an image in the editor also corresponds to the process of uploading an image.<br> + * Links -- Wiki pages, Interwiki Links, and external links. Linking needs to be easy and fast. We don't want to slow anyone down.<br> + * All other formatting elements.<br> + * The editor must be a joy to use.<br> + </span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-09-28 19:03:10PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 11: </td> <td> Line 11: </td> </tr> <tr> <td> <span>-</span> We're gonna try out using the {{{XHTML -&gt; Wiki markup}}} approach. It's easier for us to get our feet wet, even if it's not the best solution from a purity perspective. We can ''always'' make it better later on. </td> <td> <span>+</span> We're gonna try out using the {{{XHTML -&gt; Wiki markup}}} approach. It's easier for us to get our feet wet, even if it's not the best solution from a purity perspective. We can ''always'' make it better later on.<span>&nbsp;&nbsp;This choice is solidified by the fact it will be years until we can abandon textarea-based editing, due to lagging browser support, upgrade issues, and accessibility concerns.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-09-27 19:31:39PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 24: </td> <td> Line 24: </td> </tr> <tr> <td> <span>-</span> Basically nothing works, everything is ugly, but basic text functionality is okay. Well, not exactly. Formatting gets destroyed, weird indentation issues, etc. Goal is to get all functions in place (images, macros), then slash through the formatting issues. </td> <td> <span>+</span> Basically nothing works, everything is ugly, but basic text functionality is okay. Well, not exactly. Formatting gets destroyed, weird indentation issues, etc. Goal is to get all functions in place (images, macros), then slash through the formatting issues<span>&nbsp;which seem to be often caused by the translation process</span>. </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-09-27 19:30:43PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 23: </td> <td> Line 23: </td> </tr> <tr> <td> <span>- Basically nothing works, everything is ugly, but basic text functionality is okay.</span> </td> <td> <span>+ <br> + Basically nothing works, everything is ugly, but basic text functionality is okay. Well, not exactly. Formatting gets destroyed, weird indentation issues, etc. Goal is to get all functions in place (images, macros), then slash through the formatting issues.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-09-27 19:21:05PhilipNeustrom+progress tracking <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 19: </td> <td> Line 19: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + = Progress =<br> + == Sep 27 ==<br> + [[Image(sep_27.png, thumbnail)]]<br> + Basically nothing works, everything is ugly, but basic text functionality is okay.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-09-27 19:20:49PhilipNeustromUpload of image <a href="http://www.projectsycamore.org/GUI_Editor?action=Files&do=view&target=sep_27.png">sep_27.png</a>.GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-09-27 19:16:05PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 16: </td> <td> Line 16: </td> </tr> <tr> <td> <span>-</span> The biggest challenge is making the interaction with the image macro work well. We want people to be able to thumbnail images, float them left/right, caption them, etc. </td> <td> <span>+</span> The biggest challenge is making the interaction with the image macro work well. We want people to be able to thumbnail images, float them left/right, caption them, etc.<span>&nbsp;&nbsp;The "native" image interaction provided by FCKeditor is not in line with what we do. We can take certain things (height/width given to image by editor) and translate those into macro arguments, though. Captions and alignment is a bit more tricky,</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-09-27 19:14:36PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 15: </td> <td> Line 15: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + The biggest challenge is making the interaction with the image macro work well. We want people to be able to thumbnail images, float them left/right, caption them, etc.<br> + <br> + We also want to clean up the editor, remove all excess functionality and streamline its interface. We should also probably remove as much extra javascript as possible to reduce load times.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-09-27 19:12:18PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 12: </td> <td> Line 12: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + == General plan ==<br> + We're aiming for a working GUI editor as soon as possible. The idea is that while it may not provide every piece of functionality we want it to immediately, we will improve it drastically once it's in place. The editor will make certain things much easier (linking, basic layout, adding images to a page), but other things will remain somewhat mysterious (macros).</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-08-07 10:18:29PhilipNeustrom <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 9: </td> <td> Line 9: </td> </tr> <tr> <td> </td> <td> <span>+ <br> + == How-to ==<br> + We're gonna try out using the {{{XHTML -&gt; Wiki markup}}} approach. It's easier for us to get our feet wet, even if it's not the best solution from a purity perspective. We can ''always'' make it better later on.</span> </td> </tr> </table> </div> GUI Editorhttp://www.projectsycamore.org/GUI_Editor2007-08-07 10:17:17PhilipNeustromscribbling down thoughts as i have them <div id="content" class="wikipage content"> Differences for GUI Editor<p><strong></strong></p><table> <tr> <td> <span> Deletions are marked with - . </span> </td> <td> <span> Additions are marked with +. </span> </td> </tr> <tr> <td> Line 1: </td> <td> Line 1: </td> </tr> <tr> <td> </td> <td> <span>+ Branch is named {{{wikis-gui}}}.<br> + <br> + = Some thoughts =<br> + <br> + == UI ==<br> + Simplify editor interface. Skin it. Import native wiki CSS.<br> + <br> + Emphasis of the tools should be on linking pages. Linking should be easy (which it will be automatically), but also visible. Larger icon/more noticeable. Wikis are ''hypertext documents'' -- they are alive. It's not the same as editing something like an MS word document.</span> </td> </tr> </table> </div>