AlloyEditor is an open source WYSIWYG editor that puts a new spin on an old favorite. Leveraging CKEditor it adds a new UI and you can still use any of the existing CKEditor plugins.
After years of suffering bloated and outdated user interfaces, AlloyEditor will turn any Web editing moment into a peaceful experience. — AlloyEditor team
It includes drag and drop image uploading, tables, Twitter share links, and everything else a typical WYSIWYG ships with. Instead of a typical big toolbar, it does all the editing inline and is invoked when you highlight a word, phrase, or paragraph.
It’s fully skinnable through CSS and here are a few that come included by default:
With the three styles, this should you give you a good starting point to modify and make one match your own site.
<link href=”alloy-editor/assets/alloy-editor-ocean-min.css” rel=”stylesheet”> <script src=”alloy-editor/alloy-editor-all-min.js”></script>
Then invoking the editor by targeting the ID of the element: