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.
-
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.
- 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
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.
