Creating an _in place_ editor, wiki app using Asciidoctor

classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

Creating an _in place_ editor, wiki app using Asciidoctor

Fernando-Basso
I have been using Asciidoctor for for some years now, for taking notes, making
summaries of programming, ideas, insights, etc. and I love it. I love the TOC
with links, the default HTML/CSS theme, etc. Too many things I like about
Asciidoctor to list here, actually. (I am even attempting to write a vim plugin
do some handling of todo lists more or less following the way Org-mode works
when handling "checkboxes".)

It so happens that I recently started using Zim Desktop Wiki. Two things I most
like about Zim is the "searchability" and the tree structure of the files in
the wiki as well as the table of contents for each file that happen to be
viewing/editing. Those features make Zim extremely navigable (and easily navigable).

zim wiki example

https://i.imgur.com/wQPIOhV.png

I don't like its Dokuwiki syntax though for a few reasons that I don't think
would matter matter here.

And with that, came the idea of making a Zim Wiki clone using Asciidoctor as
the underlying markup. That means files would not only be useful for this Wiki
of mine, but would also be ready to use in external places, like README files
in Github or Gitlab, for blogging with Jekyll and whatnot and perhaps other
things.

One goal would be to implement the _in place_, wysiwyg style of editing like
Zim does.

Easier said than done :)

For me at least, editing text in such a manner (and resorting to the source only
on some specific cases) lessens cognitive burden during the writing. Also, I tried
live previews, epiphany's automatic reload, etc. and although they help, it is
a bit of a nuisance having to switch back and forth between windows or even
finding what I just wrote in source code on the split pane of Atom, for instance.
It is still a bit burdensome to me.

And then, why did nobody (to my knowledge) have done something like this
_in place_ editing for Asciidoctor yet? Perhaps it is next to impossible?

If I even attempted such a thing, I would perhaps use Electron and Asciidoctor.js.

I don't believe I would succeed, but would like to hear some commentary about
this.

Thanks in advance.


Reply | Threaded
Open this post in threaded view
|

Re: Creating an _in place_ editor, wiki app using Asciidoctor

ciampix
> [...]
> And then, why did nobody (to my knowledge) have done something like this
> _in place_ editing for Asciidoctor yet? Perhaps it is next to impossible?

Not online but ...

https://www.asciidocfx.com/

--


Marco Ciampa

I know a joke about UDP, but you might not get it.

------------------------

 GNU/Linux User #78271
 FSFE fellow #364

------------------------

Reply | Threaded
Open this post in threaded view
|

Re: Creating an _in place_ editor, wiki app using Asciidoctor

Fernando-Basso
This post was updated on .
Looks like a nice project and looks really good for writing in Asciidoctor.
Still, it isn't wysiwyg. That is the part I fear to be almost, if not
completely, impossible.

AsciidocFX uses a second pane to preview the rendered content, and that I can
do with Atom, or Vim + Epihany already.

So my main doubt/question is about ideas regarding writing such a thing
(wysiwyg) and using Asciidoctor as the underlying markup. Zim uses a very
simple markup, and perhaps that makes it a bit easier for a wysiwyg.

I think it is very possible to write a very searchable and navigable, no matter
the underlying markup format, but again, I would like comments abut this in
place
 editing mode I speak of.
Ted
Reply | Threaded
Open this post in threaded view
|

Re: Creating an _in place_ editor, wiki app using Asciidoctor

Ted
My thought is that you could start with a basic WYSIWYG editor. It has very few buttons but handles most of what people want to do.

* There is this floating Medium Editor that allows for basic markdown.
* The same idea English Editor hooked up to your GitHub repo.

Adapt these editors to write Asciidoc.

Then when you need more, you open to a text on the left | preview on the right.

Later expand the editor to handle more Asciidoctor markup. Perhaps use CKEditor 



For more back ground, see thread: Asciidoctor CMS publisher
- Ted @TedAtCIS