デザイン
項目が複数、
テンプレート選択
クラスを適用、テンプレートを使う、両方!
アニメーションなら属性設定!
元のテンプレートを削除、
テスト中
画像の挿入
//画像追加モードで実行
_$('#addimg1').addimg({ insert: '#imgarea1',});

回転・切り抜き
画像変更
//画像編集
_$('#addimg2').editimg({ wrap: '#testimgarea2',});
//画像変更モードで実行
_$('#addimg3').addimg({ conf: 'change',insert: '#testimgarea2',});
参考:Croppie
配列に含まれるクラスを削除する
クラスチェック
let chck = {"w-100","w-50","w-30","w-25"}
参考:FormData
FormData インターフェイスは、XMLHttpRequest.send() メソッドを用いることで簡単に送信が可能な、フォームフィールドおよびそれらの値から表現されるキーと値のペアのセットを簡単に構築する手段を提供します。これは、エンコーディングタイプを "multipart/form-data" に設定した場合にフォームが使用するものと同じ形式を使用
formData.append(name, value);
formData.append(name, value, filename);
作成すみエディタリスト
ブロックエディタ:nja_.block.editor.js
吹き出しエディタ:nja_.bubble.js
文書アップロードエディタ:nja_.file.js
見出しエディタ:nja_.headline.js
画像アップロードエディタ:nja_.image.js
SNSエディタ:nja_.snsbox.js
テキストボックス:nja_.textbox.js
アイディア
吹き出しアイコン設定画面へのリンク
ヘルプ機能(タブ)
クナイの見直し(突くアニメモード)
Block単体モード:見出し
$('#testmidashi').nja_blockeditor({
debug: true,
mode: 'headline',
});
Block単体モード:フォーム
$('#njademoform').nja_blockeditor({
debug: true,
mode: 'form',
setbigimg: { maxWidth: '800', maxHeight: '800',},
});
Block単体モード:画像
$('#njademo1').nja_blockeditor({
debug: true,
mode: 'image',
setbigimg: { maxWidth: '800', maxHeight: '800',},
});
Block単体モード:文書
$('#njademo2').nja_blockeditor({
debug: true,
mode: 'pdf',
});
ユニット直:吹き出しエディタ
NEXボタンをクリックしてください!この文章はダミーです。夏は夜。月の頃はさらなり、闇もなほ、蛍のおほく飛びちがひたる。また、ただ一つ二つなど、ほのかにうち光りて行くも、をかし。雨など降るも、をかし。NEXボタンをクリックしてください!この文章はダミーです。夏は夜。月の頃はさらなり、闇もなほ、蛍のおほく飛びちがひたる。また、ただ一つ二つなど、ほのかにうち光りて行くも、をかし。雨など降るも、をかし。
$('#hogehoge3').nJa_bubble();
//指定したブロック内の吹き出しを解析して編集可能にする
//⇨ 動的に挿入して、編集モードを開くようにする。
//この部分が吹き出し
NEXボタンをクリックしてください!この文章はダミーです。夏は夜。月の頃はさらなり、闇もなほ、蛍のおほく飛びちがひたる。また、ただ一つ二つなど、ほのかにうち光りて行くも、をかし。雨など降るも、をかし。NEXボタンをクリックしてください!この文章はダミーです。夏は夜。月の頃はさらなり、闇もなほ、蛍のおほく飛びちがひたる。また、ただ一つ二つなど、ほのかにうち光りて行くも、をかし。雨など降るも、をかし。