Javascript highlighter, markup editor, WYSIWYG editor plugins

Depends on what you need, but the following plugins are available in terms of markup presenting/editing plugins

I would divide into three main types,
  • Syntax Highlighter plugins - it highlights a code so that it is easier to read
  • Markup editor plugins - turns textareas into rich and powerful markup editors
  • WYSIWYG editor plugins - high level editors for end-users

Syntax Highlighter plugins

 So far, I have seen several of them:
  1. SyntaxHighlighter plugin [demo] [github]
  2. Snippet [link]
  3. Google Prettify [link] 
  4. Hightlight.js [link] 
  5. SHJS [link] 
  6. Chilli JS [link] 
  7. beautyOfCode [link]
  8. Lighter.js [link]
  9. DlHighlight [link]
  10. JUSH [link]

Markup editor plugins

  1. CodeMirror [link] along with CodeMirror UI [link] 
  2. MarkItUp! [link]
  3. SmartMarkUP [link] 

WYSIWYG editor plugins 

I personally really like those inline-smooth editors, so in that regard I have places a little star on those that cought my attention.
  1. redactor [link]  *
  2. ckedit [link] - has a huge amount of options, but is very slow on netbook, even the minimized version without any plugins
  3. wysihtml5 [link]
  4. mercury editor [link]  *
  5. Tiny Editor [link]
  6. elRTE [link]
  7. Aloha editor  [link] *
  8. CLEditor [link]
  9. bootstrap-wysiwyg [link]
  10. NicEdit [demo] [link]
  11. TinyMCE [link]
 



Comments

Post a Comment

Popular posts from this blog

Timeline on Latex

One of nicer looking timeline graphs for Latex is by using the chronology package This is the example: \usepackage{chronology} ... \begin{chronology}[5]{1983}{2010}{3ex}{\textwidth} \event{1984}{one} \event[1985]{1986}{two} \event{\decimaldate{25}{12}{2001}}{three} \end{chronology} source .
Read more

Exporting Skype Chat/Skype Contacts to csv file using the shell script and sqlite3 (usually already installed on mac)

Edit: a very first draft version of Skype Exporter have been made and released. https://github.com/renesto/SkypeExportSwift/releases check it, and report any issues to renesto-at-gmail.com I heard there are not so many nice ways to get the chat history from skype, so I came across a page of one guy who shows a way to open the sql chat history database and delete all conversations. I thought to make something more from that idea (as delete chat history is now one of the options in skype) Create a file exportFromSkype.sh place either this text: sqlite3 -batch "$HOME/Library/Application Support/Skype/$1/main.db" < <EOF .mode csv .output $2.csv select * from Messages where dialog_partner = '$2'; .output stdout .exit EOF now make the script executable by running chmod +x exportFromSkype.sh now, when you want to export some chat history from certain person, you can do it by: sh exportFromSkype.sh your_skype_name your_friends_skype_name and i
Read more

trim() not supported by IE7 and IE8

Funny fact, trim function is not supported by IE7 and IE8. Ok, it is supported, but through jQuery trim function. So, when you have something like this: jQuery(...).attr().trim() , this trim() function stops having any relation to jQuery, as the attr() would return String type, which method would be then trim(). Since IE7 and IE8 do not support trim() method within String type, you should use instead jQuery.trim(jQuery(...).attr()) or if you don't wanna use jQuery (whyyyy?), you can simply implement the trim function youself. if(typeof String.prototype.trim !== 'function') { String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ''); } } http://www.blogger.com/img/blank.gif source 1 source 2
Read more