jichu4n / asciidoclive

Full-featured free online AsciiDoc editor https://asciidoclive.com/

AsciiDocLIVE

AsciiDocLIVE (asciidoclive.com) is a full-featured online AsciiDoc editor.

Main features:

• Instant live preview (based on asciidoctor.js);

• Sync with Dropbox and Google Drive;

• Customizable editor (based on ACE), with themes and Vim / Emacs keybindings;

• Runs in any modern browser; no installation required.

Try it out at asciidoclive.com!

Demo

Click for demo:

Running Locally

AsciiDocLIVE uses the Ember CLI build system. To build:

git clone [email protected]:jichu4n/asciidoclive.git
cd asciidoclive/client
npm install
bower install

npm install -g ember-cli
# To run local development server on port 8001:
ember serve

For Dropbox integration, create an app on Dropbox and copy the generated App Key into the DROPBOX_APP_KEY field in /client/config/environment.js, and set ENABLE_DROPBOX to true.

For Google Drive integration, create a new project in the Google Developers Console and create a Browser API Key and OAuth Client ID. Then populate the following fields in /client/config/environment.js accordingly:

• ENABLE_GOOGLE_DRIVE: true

• GOOGLE_CLIENT_ID: The OAuth Client ID (e.g., 12345678-abcdefg.apps.googleusercontent.com);

• GOOGLE_APP_ID: The leading digits of the OAuth Client ID preceding the hyphen (e.g., 12345678);

• GOOGLE_API_KEY: The Browser API Key (e.g., AbCdEfGh_1IjK)

Deployment

To build for production:

cd asciidoclive/client
ember build --environment=production

The /production/ directory contains an example Dockerized NGINX server setup for the app. You can use it as a template to build a Docker container for deployment.

License

The source code is distributed under the Apache License 2.0.

asciidoclive's Issues

Excessive requests to youtube

I was using the network inspector while using asciidoclive.com and noticed that several requests are made to youtube.com on every keystroke:

Is there a reason to do so? If not, I'd consider this a bug.

Asciidoclive

For asciidoc live it would be really helpful if you could add a way to import files into the compiler to use for further documentation.

The site doesn't work

The preview is not rendering at all. The HTML output isn't there too. The right pane is always empty.

I see TypeError: e.match(...)[0].match(...) is null and a bunch of warnings in the console. Here's the full output: https://gist.github.com/j-cr/ee7fb5807f6030a8fb6395475e92e948

Firefox 60.0.2

[wish] support plantuml

Is it planned to integrate plantuml?
It would be amazing.

please support include

1)I have multiple documents sharing same headers, so including them from file is convenient thing.
2) also withing same document, if you want to quote text from different section, you include text from within same file using tags...

Add diagram support via kroki.io

Asciidoctor.js supports diagram via kroki.io.

What is required to get diagram (kroki.io) support in asciidocLIVE? Hopefully just an upgrade to a new version of Asciidoctor.js.

See https://github.com/Mogztter/asciidoctor-kroki for details.

The Chrome Asciidoc Preview plugin also support kroki diagrams.

https://chrome.google.com/webstore/detail/asciidoctorjs-live-previe/iaalpfgpbocpdfblpnhhgllgbdbchmia?hl=en

Back button breaks UX expectation

Currently, if I click the "back" button on my browser (Chrome), it does not navigate back to the previous page, it reloads the page (incrementing the scratch number in the URL).

I believe this is a deceptive design pattern as it breaks UX expectation. The only way to quit the editor is to close the tag/window which is frustrating.

`::` does not create any indentation

I found some snippet here:
https://docs.asciidoctor.org/asciidoc/latest/syntax-quick-reference/#ex-complex

* Every list item has at least one paragraph of content,
  which may be wrapped, even using a hanging indent.
+
Additional paragraphs or blocks are adjoined by putting
a list continuation on a line adjacent to both blocks.
+
list continuation:: a plus sign (`{plus}`) on a line by itself

* A literal paragraph does not require a list continuation.

 $ cd projects/my-book

* AsciiDoc lists may contain any complex content.
+
|===
|Column 1, Header Row |Column 2, Header Row

|Column 1, Row 1
|Column 2, Row 1
|===

The rendered image by the documentation looks like this:

But the asciidoclive renders it without an indendation:

---

---

Could this be fixed?

Broken? Not Working?

Just opened the site and it's not rendering. There seems to be an error in console. See screenshot.

I am using Chrome Version 66.0.3359.181 (Official Build) (64-bit)

Saving to Google Drive does not work

Hello,

Saving to Google drive does not seem to work. The dialog box looks like more like an "open" dialog box than a "save" one. It asks to select a file on the destination and does not offer the opportunity to enter a file name. I think it should save to a file with the document name, but there is no button for this. Only a "Select" button that is disabled and a "Cancel" button.

Github integration

Would it be possible to add integration with Github so we can edit files that are stored in a Github repo?

Multiple lines with URL links don't work

As the title says. I used text and forced line breaks. But then the URLs don't render correctly and the links are broken. The work-around is to split the lines into separate paragraphs, but then I don't get the desired layout I wanted.

*some text*: https://euw1-employeedirectory.eu-west-1.aws.ocd.prd.lastmile.com/#/person/1473097464[Employee One] +
*some more text*: https://euw1-employeedirectory.eu-west-1.aws.ocd.prd.lastmile.com/#/person/2863656364[Employee Two]

*some text*: https://euw1-employeedirectory.eu-west-1.aws.ocd.prd.lastmile.com/#/person/1473097464[Employee One]

*some more text*: https://euw1-employeedirectory.eu-west-1.aws.ocd.prd.lastmile.com/#/person/2863656364[Employee Two]

And the resulting output is as follows:

If I however use the official asciidoc CLI tool and render a HTML page of that same AsciiDoc text, it generates a correct text and URL links. As shown in this screenshot.

Here is more information about my asciidoc:

$ asciidoc broken-urls.asciidoc

$ asciidoc --version
asciidoc 8.6.10

Use images from local file system or dropbox

Is it possible to use images from the local file system or dropbox?

Support for Asciidoctor Diagram

Support for https://asciidoctor.org/docs/asciidoctor-diagram/ would be great.

GitLab integration

Similar to #16, but for GitLab.

Updating Ember, etc...

We have a fork over at https://[email protected]/dtu-compute/asciidoclive (branch emberupdate) which is most of the way through the update process to Ember 2.18.2 (AFAIK, the last of the 2 series). It also removes bower in favor of NPM and a bunch of other updates.

Is this interesting for a PR?

Rendering of missing space between markup and a double byte character

I noticed that markups such as word, word and word that require a space are not rendered properly when it is missing the required space, if the adjoining character is double byte.

Example 1:
テキストが 太字 で表示されます。
is rendered as:
テキストが 太字 で表示されます。
This is correct

Example 2:
テキストが_太字_で表示されます。
is rendered as:
テキストが太字で表示されます。
This is wrong.
Should be rendered as
テキストが_太字_で表示されます。
So it shows the markup error.

Themes

It would be very nice if it was possible to change the theme of the output. A dropdown to choose a theme would be nice. Some sort of custom attribute providing a link to a custom theme would be amazing. This could even expand to full docinfos rather than just CSS.
I'm considering adding it myself, but is this project maintained? Would it get considered if I were to make a PR?

Is the project dead? are there any live forks of this great software?

Hi,
I see no changes have been made in 2 years & the google drive integration does not work. Is there an up to date fork of this software & what are the plans for this repo?
It would be great if can comment regarding this software or similar ones. thanks.

Footnotes with IDs are not rendered correctly

In the following example only the 2nd footnote (without ID) is rendered correctly:

= Title

A footnote with ID like footnote:myNote[Text] does not render as a footnote while footnote:[Footnote without ID] does.

Google broke Drive sync again

Google no longer lets the app connect to your account. Instead, you get a page announcing that "this app is blocked" when you choose an account.

Still supported?

Hi, there. Is this project still being supported? I see that issues are going unadressed. Thanks.

Could not save to Google Drive

I could not save my file to Google Drive. It might be because I have two Google accounts active on my computer.

very nice editor! Just few ideas how to make it even better.

more shortcuts.
navigation from source to preview and back! ~when you're editing source, it would be nice to get to the place in preview I'm editing, and also if I have error in preview, I'd like to go to responsible source.

Save / Open document from local file system

I would like to suggest to add a new feature offering the possibility to save / open document locally (as proposed by stackedit - https://github.com/benweet/stackedit/)

Here is the stackedit dev doc explaining how Files are managed : https://github.com/benweet/stackedit/blob/master/doc/developer-guide.md#developer-guide

asciimath and latex math

won't render mathematics.

=== Repeating Fractions Asciimath
[asciimath]
++++
1/((sqrt(phi sqrt5) -phi)e^((2/5)pi)) -=
1 + (e^(-2pi))/(1 + (e^(-2pi))/(1 + (e^(-2pi))/(1 + (e^(-2pi))/(1+ ...))))
++++

=== Repeating Fractions Latex

[latexmath]
++++
\frac{1}{{\sqrt{\phi \sqrt{5}} - \phi}e^{\frac{2}{5}\pi)}} \equiv
1 + \cfrac{e^{-2\pi}}{1 + \cfrac{e^{-2\pi}}{1 +\cfrac{e^{-2\pi}}
{1 + \cfrac{e^{-2\pi}}{1 + {...}}}}}
++++

Add support for Bibliography xreftext

Asciidoclive doesn't currently handle bibliography markup properly when using the optional xreftext.

The example from the Asciidoctor documentation renders like this in AsciiDocLive:

Expected:

• The second reference (to [gof]) should render as [2].
• The second bibliography entry's label should present as [2].

Missing Border in Multirow-Cell: update your asciidoc reader?

see Missing Border in Multirow-Cell
asciidoclive still has the bug, which is supposed to be fixed

Export as PDF

Is there an option available to export the document as PDF ?

[wish] ownCloud authentication backend / access to ownCloud personal files

Would it be difficult to add ownCloud authentication and then access to the user’s asciidoc files?

How can I see the HTML code?

Hi, Is there way I can copy the HTML output code that rendered on the right side of your asciiDocLive editor?

Requests made to youtube on every keystroke

I was using the network inspector while using asciidoclive.com and noticed that several requests are made to youtube.com on every keystroke:

Is there a reason to do so? If not, I'd consider this a bug.

Available as a standalone WYSIWYG component?

Have you considered making this available as a component in a similar way to https://pandao.github.io/editor.md/en.html ?

I'm thinking of a use-case where you might like to have a "live preview" for content creators writing Asciidoc in a web application...

The ".Optional Title" is not working

Hi,

Tried the following on asciidoclive.com and I don't see the title been displayed properly?

.Optional Title

Usual
paragraph.

Dropbox dependency is gone

When I do a bower install locally, I get:

bower dropbox#*                                ECMDERR Failed to execute "git ls-remote --tags --heads https://github.com/lavelle/dropbox.git", exit code of #128 remote: Repository not found. fatal: repository 'https://github.com/lavelle/dropbox.git/' not found

(And of course, when you go to the bower site, you get the deprecation warning for Bower as a whole, urgent folks to go to webpack/yarn/npm)