デザイン
項目が複数、 テンプレート選択 クラスを適用、テンプレートを使う、両方! アニメーションなら属性設定! 元のテンプレートを削除、
テスト中
画像の挿入

//画像追加モードで実行
_$('#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.append()

参考:XMLHttpRequest.send()

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ボタンをクリックしてください!この文章はダミーです。夏は夜。月の頃はさらなり、闇もなほ、蛍のおほく飛びちがひたる。また、ただ一つ二つなど、ほのかにうち光りて行くも、をかし。雨など降るも、をかし。