web-dev-qa-db-ja.com

tinyMCEは、バージョン3からバージョン4にアップグレードした後、イメージをドラッグアンドドロップできなくなりました。

私のウェブサイトはバージョン3のtinymceを使用していました。それが持っていた1つの機能は、ユーザーが画像をエディターにドラッグでき、それを自動的にbase64 data-uriに変換して、エディターに挿入することでした。バージョン4にアップグレードしたばかりですが、この機能は完全になくなったようです。

AFAIK、これはプラグインやこれを制御するものではなく、デフォルトの機能の一部にすぎません。次のような最小限のオプションで初期化するときにまだ実行できたからです。

  tinyMCE.init({mode: "none"});
  tinyMCE.execCommand('mceAddControl', false, 'selector');

この機能はバージョン4から削除されましたか、それともオンに戻す方法はありますか？

私は本当に4にアップグレードしたいのですが、画像機能が私のアプリケーションにとって非常に重要であるため、これが私を止める唯一のことです。

ありがとう！

javascriptjquerytinymcebase64image-uploading
21
chiliNUT

画像のドラッグアンドドロップ機能を有効にする場合は、以下のコードを使用して明示的に行う必要があります。

tinymce.init({
    ...
    paste_data_images: true
});
46
Christophe Eblé

ドラッグアンドドロップを有効にするには、次のプロパティを追加する必要があります

tinymce.init({
            selector: "#imgedit",  // change this value according to your HTML
            plugins: "paste",
            menubar: "edit",
            toolbar: "paste",
            paste_data_images: true
});

画像機能のURLを挿入してドラッグアンドドロップを追加する場合は、コード行の下に追加します

tinymce.init({
            selector: "#imgedit",  // change this value according to your HTML
            toolbar: "image,paste",
            plugins: "image,paste",
            menubar: "insert,edit",
            paste_data_images: true,
});
8
apifeez