Anguarjs対応のwysiwygエディター

イシュー

• AngularJS のカスタムディレクティブでWysiwygエディタを表示できたら楽そうなので探してみる。

参考

• List of HTML5 WYSIWYG Editors
• List of HTML5 WYSIWYG Editors
• Modules Tagged with "wysiwyg" - AngularJS Modules, Plugins and Directives
  • Angular radactor
• ユーザーが簡単にHTMLを入力できるWYSIWYGエディタ ベスト3 | ランサーズ（Lancers）開発ブログ

textangular

• textAngular :: Lightweight Angular.js, Javascript Wysiwyg/Text-Editor
• textAngular - AngularJS Modules, Plugins and Directives
• html - Place textAngular toolbar at bottom of the textEditor - Stack Overflow

radactor

• Redactor WYSIWYG html editor

angualr-wysiwyg

• angular-wysiwyg - AngularJS Modules, Plugins and Directives

summernote

• http://dim5.net/angularjs/wysiwyg-summernote.html;title

ng-ckeditor

• 高機能でカスタマイズも容易なWYSIWYGエディタ [CKEditor]｜A Day In The Boy's Life

angular-ui/ui-tinymce

• angular-ui/ui-tinymce · GitHub
• TinyMCE - Download
• angularjs - How to configure tinymceOptions from angular-ui/ui-tinymce - Stack Overflow

その他

• Etch.js - コンテンツを見たままに編集するWYSIWYGエディタ MOONGIFT
• Redactor WYSIWYG html editor
• Javascript WYSIWYG editors · cheeaun/mooeditable Wiki · GitHub
• JavaScript/WYSIWYGエディタ/contenteditable属性 + readonly - Glamenv-Septzen.net

textAngular + Visualforce

• 以下のファイルが必要
  • font-awesome.css
  • angular-sanitize.js

ckeditor + Visualforce

• undo / redo が使えるのはいい