NicEdit(WYSIWYGエディタ)とテキストエリアの切り替え
2024/01/06
チェックボックスの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を起動する、という形がよさそう。
参考サイト
関連記事
-
-
「emoji-mart」プラグインを利用してsummernoteに絵文字機能を追加する方法
summernoteに絵文字機能を追加したい。具体的にはツールバーに新たにボタン ...
-
-
NicEdit(WYSIWYGエディタ)を再描写時にサイズを調整する方法
NicEdit(WYSIWYGエディタ)を設置しているサイトがあった。ページ読み ...
-
-
CKEditor5(WYSIWYGエディタ)に画像アップロード機能を追加する方法
CKEditor5(ウィジウィグエディタ)に画像アップロード機能を追加したい。公 ...
-
-
summernote(WYSIWYGエディタ)の設置方法と日本語化対応
あるシステムにWYSIWYGエディタを実装したかった。以前にメモしたCKEdit ...
-
-
summernoteにクリップボードにコピー機能を追加する方法
summernoteのツールバーに新たにボタンを設置し、そのボタンをクリックする ...