NicEdit(WYSIWYGエディタ)とテキストエリアの切り替え

チェックボックスのON / OFFでNicEdit(WYSIWYGエディタ)とtextareaを切り替えたかった。また、WordPressのエディタのようにページ遷移無しで切り替えたい。以下に対応方法をメモ。

サンプル

https://taitan916.info/sample/NicEdit/change.php

ソースコード

$(function(){
    var wysiwyg;
    $('#wysiwyg-change').on('change', function(){
        if( $(this).prop('checked') == true ){
            wysiwyg_body = new nicEditor({fullPanel : true}).panelInstance('wysiwyg');
        }else{
            wysiwyg_body.removeInstance('wysiwyg');
        }
    });
});

所感

実運用時はWYSIWYGをONにした際Cookieにデータを保存し、次回ページ読み込み時にCookieをチェックしデータがある場合は最初からWYSIWYGを起動する、という形がよさそう。

参考サイト

http://nusoft.jp/common/nicEdit_ja/demos/demo03.html