Asikart Markdown Editor for Joomla! CMS (AMD)

If you are finding a jQuery ACE Markdown editor, please see FongShen Editor

Asikart Markdown Editor helps you writing text in well-known markdown syntax, and render to HTML in front-end article.

This editor integrate "ACE syntax highlight editor" and "MarkItUp tags insert editor", easily edit plain text. In the front-end, using "PHP Markdown Extra" to render markdown syntax, which provide extended features from origin markdown.

And the syntax highlighter plugin is "highlight.js", perfectly integrate with Markdown Extra.

Extension Info

I have been looking for a Joomla! Markdown Editor with syntax highlighter, text indent and word wrap for a long time, but there are no one is that what I want.

So after few days hard working, I integrate ACE with MarkItUp, I can easily edit plain-text document in Joomla!

Help us making our extensions more perfectly.

Configure AWS S3 to enable uploads.

Go to your AWS console and open S3 service.
Open bucket you want upload to and click properties.
In permision part click Edit CORS Configuration and insert there something like this.

<CORSConfiguration>
   <CORSRule>
       <AllowedOrigin>*</AllowedOrigin>
       <AllowedMethod>GET</AllowedMethod>
       <MaxAgeSeconds>3000</MaxAgeSeconds>
   </CORSRule>
   <CORSRule>
       <AllowedOrigin>http://***.com</AllowedOrigin>
       <AllowedMethod>POST</AllowedMethod>
       <AllowedMethod>PUT</AllowedMethod>
       <MaxAgeSeconds>3000</MaxAgeSeconds>
       <AllowedHeader>*</AllowedHeader>
   </CORSRule>
</CORSConfiguration>

Theses are 2 rules. First allow get picture to everyone and second upload picture only from your domain. So you have to change *** to your domain. If you have few domains, simply create another <CORSRule> block.

Edit Akmarkdown editor plugin parameters. Enable AWS and enter you AWS access information.

FEATURES

ACE & MarkItUp editor
Once upload and install 2 plugins.
29 ACE themes.
16 hightlight.js themes.
4 MarkItUp themes.
Some buttons to inset markdown code.
2 buttonsets: HTML & Markdown
Automatic convert insert link & image code from Joomla! core editor-xtd buttons as markdown code.
You can just using Asikart Markdown as a HTML editor.
Because Markdown can't set style on images & links, we add the "ARTICLE PRETTIFY" functions to auto set image alignment, max width, add img & table classes and force link open new window.
Support GitHub flavored Markdown

Contribution

If you want to modify ACE X Markdown, you can follow these step to create project.

Install Joomla and this editor
Clone this repo to some folder, e.g: /var/myrepo/ace-markdown-editor
Run this command:

$ cd /var/myrepo/ace-markdown-editor
$ ./bin/makelink /your/joomla/root/path

Now this script will auto create symbol link from your joomla to git project, just use your IDE open joomla dir and edit ACE X Markdown, all modify will sync to git project.